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

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

header::after, footer .bigfooter > ul::after, .in-tool::after, .in-pro::after, .Quality-list::after, .Contact section::after, .ProductsDetail .box::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; }

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

#Wrapper { width: 100%; max-width: 1172px; margin: 0px auto; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); position: relative; background: #fff; }

article { padding-bottom: 0px; position: relative; overflow: hidden; }

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%; padding: 40px 30px 0 30px; }
header .logo { display: block; float: left; }
header .logo img { vertical-align: middle; }
header .logo span { font-size: 36px; font-weight: bold; color: #000; margin-left: 10px; vertical-align: middle; }
header ul { display: block; float: right; margin: 20px 10px 0 0; }
header ul li { float: left; margin: 0 5px; }
header ul a:hover { opacity: .7; }
header .language { width: 120px; float: right; margin-top: 25px; background: #555; color: #fff; font-size: 12px; padding: 2px 5px; position: relative; cursor: pointer; vertical-align: middle; }

.Menu { display: block; position: absolute; top: 125px; left: 20%; z-index: 200; width: 60%; }
.Menu > li { float: left; width: 20%; text-align: center; border-right: 1px solid #ccc; line-height: 12px; position: relative; }
.Menu > li > a { color: #555; display: block; padding: 5px; }
.Menu > li > a:hover { color: #06c; }
.Menu > li:last-child { border-right: none; }
.Menu ul { display: block; position: absolute; top: 22px; z-index: 10; background: #ff8033; width: 100%; }
.Menu ul li { display: block; border-bottom: 1px solid #eee; text-align: center; }
.Menu ul li a { color: #fff; padding: 10px 10px; display: block; }
.Menu ul li a:hover { color: #fff; background: #003352; }

footer { display: block; width: 100%; }
footer .bigfooter { width: 100%; padding: 2% 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #353535), color-stop(100%, #5c5c5c)); background-image: -moz-linear-gradient(bottom, #353535, #5c5c5c); background-image: -webkit-linear-gradient(bottom, #353535, #5c5c5c); background-image: linear-gradient(to top, #353535, #5c5c5c); }
footer .bigfooter > ul { width: 90%; margin: 0px auto; }
footer .bigfooter > ul > li { width: 25%; display: block; float: left; text-align: center; }
footer .sitemap { margin-bottom: 30px; }
footer .sitemap li { line-height: 24px; }
footer .sitemap a { font-size: 12px; color: #ccc; }
footer .sitemap a:hover { color: #eee; }
footer .sitemap .fh a { font-size: 18px; color: #fff; }

.Information { width: 1172px; color: #2c95c0; margin: 5px auto; font-size: 12px; text-align: right; line-height: 16px; }
.Information a { color: #999; }
.Information .IwareFoot { color: #999; display: block; }

.Banner { width: 100%; height: 510px; margin: 0px auto 0 auto; display: block; position: relative; }
.Banner .mask { width: 100%; height: 510px; background: url(../images/banner-mask.png) no-repeat; position: absolute; z-index: 100;pointer-events: none; }
.Banner #abgne_fade_pic { position: relative; width: 100%; height: 500px; padding-top: 5px; }
.Banner #abgne_fade_pic .ad { position: absolute; }
.Banner #abgne_fade_pic .ad img { max-width: 100%; }
.Banner #abgne_fade_pic .control { display: none; }

.in-news { display: block; border: 1px solid #ffe4e6; width: 75%; margin: 10px auto; padding: 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.picScroll { width: 100%; display: block; }
.picScroll .btn { display: block; float: right; width: 50px; }
.picScroll .btn a { display: inline-block; vertical-align: middle; color: #fff; background: #e8172a; width: 20px; line-height: 20px; text-align: center; cursor: pointer; }
.picScroll .picList { width: calc(100% - 60px); float: left; }
.picScroll .picList ul { overflow: hidden; zoom: 1; }
.picScroll .picList li { float: left; width: 100%; }
.picScroll .picList li a { display: block; color: #555; }
.picScroll .picList li a span { width: 80%; display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; }
.picScroll .picList li a b, .picScroll .picList li a time { color: #e8172a; margin-right: 5px; display: inline-block; vertical-align: middle; }
.picScroll .picList li a:hover { opacity: .7; }

.in-tool { display: block; width: 82%; margin: 30px auto; }
.in-tool li { float: left; width: 33.3%; padding: 0 2%; }
.in-tool span { display: block; font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.in-tool span i { color: #2c95c0; margin-right: 5px; }
.in-tool b { font-weight: bold; font-size: 16px; }
.in-tool p { font-size: 13px; line-height: 20px; color: #999; }
.in-tool div { text-align: right; }
.in-tool a { text-align: center; display: inline-block; background: #c3eeff; font-size: 13px; width: 50px; height: 50px; line-height: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.in-tool a:hover { background: #499aba; color: #fff; }

.in-pro { display: block; border-top: 1px solid #ccc; position: relative; padding-top: 50px; }
.in-pro:before { position: absolute; top: 0px; left: 50%; content: " "; border: solid transparent; width: 0; height: 0; pointer-events: none; border-top-color: #ccc; border-width: 14px; margin-left: -7px; z-index: 8; }
.in-pro .pic { float: left; width: 50%; padding: 0 30px; }
.in-pro .wd { float: left; width: 50%; padding: 0 30px; }
.in-pro .wd span { color: #747474; font-size: 72px; display: block; line-height: 72px; font-weight: bold; }
.in-pro .wd b { color: #ff6600; font-size: 24px; line-height: 24px; display: block; margin: 15px 0; }
.in-pro .wd p { line-height: 18px; }
.in-pro .wd a { display: block; margin-top: 20px; width: 80px; height: 80px; line-height: 76px; text-align: center; border: 1px solid #555; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.in-pro .wd a i { display: block; font-size: 18px; border: 4px solid #fff; background: #ffe2ce; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 78px; height: 78px; color: #666; }
.in-pro .wd a:hover i { background: #c00; color: #fff; }

.page-menu-bg { width: 100%; height: 510px; background: url(../images/page-top.png) no-repeat; position: absolute; z-index: 100; }

.page-menu { width: 100%; height: 60px; background: #fff; }

nav { display: block; width: 100%; background: url(../images/bg.jpg) repeat; color: #ff7f32; padding: 8px 30px; font-size: 13px; }
nav i { color: #999; margin: 0 10px; }
nav a { color: #ff7f32; }

.About { padding: 3% 5%; background: url(../images/bg.jpg) repeat; }
.About .title { font-size: 48px; text-align: center; display: block; margin-bottom: 20px; }
.About p { color: #999; font-size: 14px; line-height: 20px; }

.About2 { padding: 3% 5%; }
.About2 .title { font-size: 30px; text-align: center; display: block; margin-bottom: 20px; }

.Quality { padding: 2% 5%; }
.Quality .title { font-size: 30px; display: block; margin-bottom: 20px; }
.Quality p { color: #999; font-size: 13px; }

.Quality-list { display: block; padding: 2% 5% 5%; }
.Quality-list dl { display: block; float: left; width: 50%; }
.Quality-list dt { display: block; width: 90%; background: #5d6c79; color: #fff; padding: 3% 5%; height: 80px; cursor: pointer; }
.Quality-list dt i { font-size: 20px; margin-right: 10px; vertical-align: top; display: inline-block; }
.Quality-list dt b { display: inline-block; width: calc(100% - 30px); vertical-align: top; }
.Quality-list dd { display: block; width: 90%; }
.Quality-list li { border-bottom: 1px solid #ccc; padding: 5px 0 5px 30px; }
.Quality-list span { display: inline-block; width: 49%; font-size: 13px; }
.Quality-list span:before { content: "‧"; margin-right: 10px; font-size: 16px; }
.Quality-list dl:last-child dt { background: #76869d; }
.Quality-list dl:last-child dd span { width: 100%; }

.Contact { background: url(../images/contact-bg.jpg) no-repeat; }
.Contact nav { background: none; }
.Contact .title { font-size: 30px; display: block; margin-bottom: 20px; }
.Contact section { display: block; padding: 3% 5%; }
.Contact .wd { float: left; width: 35%; padding: 0 2% 2% 2%; font-size: 13px; border-bottom: 1px solid #999; }
.Contact .wd p { margin-top: 100px; }
.Contact .wd b { display: block; font-weight: bold; }
.Contact .table { float: right; width: 50%; padding: 0 2%; font-size: 12px; }
.Contact .table table { width: 100%; }
.Contact .table p { display: block; }
.Contact .table input[type=text], .Contact .table textarea { width: 100%; padding: 5px; }
.Contact .table input.code { width: 20%; vertical-align: middle; padding: 5px; }
.Contact .table input.code + img { vertical-align: middle; margin-left: 10px; }
.Contact .table td { padding: 5px; }
.Contact .btn { background: #000; padding: 5px 15px; color: #fff; border: none; cursor: pointer; }
.Contact .btn:hover { opacity: .7; }

.Products { padding: 3% 5%; background: url(../images/bg.jpg) repeat; }
.Products .title { font-size: 30px; display: block; margin-bottom: 20px; }
.Products dt { background: #fff; padding: 20px; margin-top: 20px; cursor: pointer; }
.Products dt i { margin-right: 10px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 10px; }
.Products dt:nth-of-type(1) i { color: #ef9070; border: 1px solid #ef9070; }
.Products dt:nth-of-type(2) i { color: #76869d; border: 1px solid #76869d; }
.Products dt:nth-of-type(3) i { color: #619a45; border: 1px solid #619a45; }
.Products dt:nth-of-type(4) i { color: #d899b4; border: 1px solid #d899b4; }
.Products dt:nth-of-type(5) i { color: #9fc3c3; border: 1px solid #9fc3c3; }
.Products dd { background: #fff; }

.picScroll { width: 96%; margin: 0 auto; overflow: hidden; position: relative; }
.picScroll .hd a { display: block; position: absolute; font-size: 60px; color: #999; z-index: 50; }
.picScroll .hd a.prev { top: 40%; left: 0; }
.picScroll .hd a.next { top: 40%; right: 0; }
.picScroll .hd a:hover { opacity: .7; }
.picScroll .hd ul { display: none; }
.picScroll .bd { width: 95%; padding: 5%; margin: 0 auto; }
.picScroll .bd ul { overflow: hidden; zoom: 1; }
.picScroll .bd li { float: left; _display: inline; overflow: hidden; text-align: center; width: 20%; }
.picScroll .bd p { color: #000; text-align: center; border-top: 2px solid #000; width: 90%; margin: 0 auto; position: relative; }
.picScroll .bd p:before { height: 2px; background: #ef9070; content: ""; width: 30px; position: absolute; top: -2px; left: 0; }
.picScroll .bd a:hover { opacity: .7; }

.ProductsDetail { padding: 3% 5%; }
.ProductsDetail .title { font-size: 30px; display: block; margin-bottom: 20px; }
.ProductsDetail .box { margin: 3% 0; }
.ProductsDetail .pic { float: left; width: 50%; }
.ProductsDetail .pic img { border: 1px solid #ccc; }
.ProductsDetail .wd { float: right; width: 48%; }
.ProductsDetail .wd b { font-size: 24px; color: #ff7f32; display: block; margin-bottom: 20px; }
.ProductsDetail .wd i { font-weight: bold; font-size: 16px; display: block; margin-bottom: 10px; }
.ProductsDetail .wd p { font-size: 13px; color: #888; }
.ProductsDetail .wd .back { float: right; margin-top: 25px; }
.ProductsDetail .wd .back a { background: #000; padding: 5px 15px; color: #fff; border: none; cursor: pointer; position: relative; }
.ProductsDetail .wd .back a:hover { opacity: .7; }
.ProductsDetail .wd .back a:before { position: absolute; top: 0px; left: -26px; content: " "; border: solid transparent; width: 0; height: 0; pointer-events: none; border-right-color: #000; border-width: 13px; margin-left: 0px; z-index: 8; }

.picScroll-detail { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.picScroll-detail .hd a { display: block; position: absolute; font-size: 30px; color: #999; z-index: 50; }
.picScroll-detail .hd a.prev { top: 40%; left: 0%; }
.picScroll-detail .hd a.next { top: 40%; right: 0%; }
.picScroll-detail .hd a:hover { opacity: .7; }
.picScroll-detail .hd ul { display: none; }
.picScroll-detail .bd { width: 94%; padding: 0%; margin: 0 auto; overflow: hidden; }
.picScroll-detail .bd ul { overflow: hidden; zoom: 1; }
.picScroll-detail .bd li { float: left; _display: inline; overflow: hidden; text-align: center; width: 10%; border: 1px solid #ccc; margin: 0 6px; }
.picScroll-detail .bd a:hover { opacity: .7; }

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