@charset "UTF-8";
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, 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; }

nav::after, footer .sitemap::after, footer .info::after, .toolbox::after, .picScroll .picList1 ul::after { clear: both; content: ''; display: block; visibility: hidden; height: 0; }

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

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

nav .menu .hra { border: 0; width: 1px; height: 80%; margin: 0px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.35)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); }

nav .menu .hrb { border: 0; width: 1px; height: 80%; margin: 0px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0)); }

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

#Wrapper { width: 100%; margin: 0px auto; }

#Container { width: 100%; margin: 0px auto; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); border-radius: 100% / 50px; position: relative; z-index: 2; }
#Container article { width: 100%; position: relative; overflow: hidden; background: #fff; }

img { max-width: 100%; }

.gogotop { background: #29ABE3; padding: 2px 15px; text-align: center; position: fixed; bottom: 15%; right: -100%; z-index: 100; }
.gogotop a { color: #fff; display: block; }
.gogotop:hover { background: #06c; }

#Top { width: 100%; height: 650px; background: url(../../images/tw/bg.jpg) no-repeat center; padding-top: 30px; }

#Top-page { width: 100%; height: 180px; background: url(../../images/tw/bg.jpg) no-repeat center; padding-top: 30px; }

.C-top { display: block; width: 100%; height: 100px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); border-radius: 100% / 50px; }
.C-top >div { width: 100%; height: 100px; border: 1px solid #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #eeeeee), color-stop(100%, #f3f3f3)); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee, #f3f3f3); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee, #f3f3f3); background-image: linear-gradient(to bottom, #ffffff, #eeeeee, #f3f3f3); }

nav { display: block; width: 100%; max-width: 1200px; margin: 0 auto; }
nav a.logo { display: block; float: left; margin-top: 20px; width: 28%; }
nav .menu { display: block; float: left; width: 62%; margin-top: 35px; padding-left: 5%; }
nav .menu li { float: left; height: 40px; position: relative;}
nav .menu li a { display: inline-block; padding: 0 20px; color: #333; vertical-align: middle; font-size: 16px; }
nav .menu li a:hover { color: #c00; }
nav .link { display: block; float: right; width: 8%; margin-top: 20px; }
nav .link li { float: left; margin: 0px 3px; }
nav .link li img:hover { opacity: .5; }

nav .menu .menu-product{ display: block; position: absolute;  z-index: 100; background: #189ce2;}
nav .menu .menu-product li { float: none; height: auto; display: block; border-bottom: 1px solid #e0f4ff; padding: 10px; width: auto; height: auto;}
nav .menu .menu-product li a{font-size: 13px; color: #fff; padding:5px 10px }
nav .menu .menu-product li a:hover{ background: #75aedf;}


.M-top { display: none; width: 100%; height: 80px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #eeeeee), color-stop(100%, #f3f3f3)); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee, #f3f3f3); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee, #f3f3f3); background-image: linear-gradient(to bottom, #ffffff, #eeeeee, #f3f3f3); position: relative; }
.M-top a.logo { display: block; width: 45%; padding: 17px 0 0 5%; }
.M-top a.m-menu-btn { display: block; font-size: 36px; color: #06C; position: absolute; top: 20px; right: 5%; }
.M-top .m-menu { display: block; position: absolute; top: 80px; z-index: 100; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.8); }
.M-top .m-menu li { display: block; width: 100%; border-bottom: 1px solid #fff; }
.M-top .m-menu li a { display: block; padding: 10px; color: #333; }
.M-top .m-menu li:hover { background: rgba(255, 255, 255, 0.8); }
.M-top .m-menu li.link { display: block; width: 100%; }
.M-top .m-menu li.link a { display: inline-block; padding: 10px 5px; }

footer { width: 100%; padding: 30px 0 20px 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNzY4ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3NDM1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #12768f), color-stop(100%, #07435a)); background-image: -moz-linear-gradient(top, #12768f, #07435a); background-image: -webkit-linear-gradient(top, #12768f, #07435a); background-image: linear-gradient(to bottom, #12768f, #07435a); }
footer .sitemap { font-size: 12px; color: #ccc; width: 100%; max-width: 1180px; margin: 0px auto 20px auto; }
footer .sitemap .sbox-title { font-size: 15px; }
footer .sitemap .sbox-title a { color: #37b2ea; }
footer .sitemap .sh { background: url(../../images/tw/dot.png) no-repeat 2px 8px; padding-left: 15px; margin-bottom: 7px; }
footer .sitemap .sh li { list-style-type: disc; margin-left: 20px; line-height: 20px; }
footer .sitemap a { color: #ccc; }
footer .sitemap a:hover { color: #fff; }
footer .sitemap .sboxA { display: block; float: left; width: 35%; }
footer .sitemap .sboxB { display: block; float: left; width: 30%; margin-left: 5%; }
footer .sitemap .sboxB li { background: url(../../images/tw/dot.png) no-repeat 2px 8px; padding-left: 15px; line-height: 26px; }
footer .sitemap .sboxC { display: block; float: right; width: 30%; }
footer .sitemap .sboxC .sp { margin-bottom: 40px; }
footer .sitemap .sboxC p img { margin-left: 10px; }
footer .sitemap .sboxC p img:hover { opacity: .7; }
footer .sitemap .sboxC ul { display: block; margin-top: 30px; }
footer .sitemap .sboxC ul a { margin-right: 10px; }
footer .sitemap .sboxC ul a:hover { opacity: .7; }
footer .info { width: 100%; max-width: 1180px; margin: 0px auto; }
footer .info hr { border: none; border-top: 1px solid #000; border-bottom: 1px solid #7c7c7c; margin-bottom: 10px; }
footer .info .data { color: #38b3ec; }
footer .info .data b { font-weight: normal; margin-left: 30px; }
footer .info .copyright { display: block; float: right; color: #ccc; font-size: 12px; }
footer .info .iware { color: #999; display: inline-block; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
footer .info .iware a { color: #999; }
footer .info .iware a:hover { color: #fff; }

.Banner { width: 100%; max-width: 1180px; max-height: 380px; margin: 10px auto 0 auto; display: block; background: url(../../images/tw/banner-shadow.png) no-repeat bottom center; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.Banner #abgne_fade_pic { position: relative; width: 100%; height: 0; padding-bottom: 32.2%; }
.Banner #abgne_fade_pic .ad { position: absolute; }
.Banner #abgne_fade_pic .ad img { max-width: 100%; border: 5px solid #fff; -moz-box-shadow: 0px 0px 1px #d0d0d0; -webkit-box-shadow: 0px 0px 1px #d0d0d0; box-shadow: 0px 0px 1px #d0d0d0; }
.Banner #abgne_fade_pic .control { position: absolute; left: calc(50% - 25px); bottom: 0px; }
.Banner #abgne_fade_pic .control a { display: inline-block; width: 18px; height: 18px; background: url(../../images/tw/nur-no.png) no-repeat; }
.Banner #abgne_fade_pic .control a.on { background: url(../../images/tw/nur-on.png) no-repeat; }

marquee { width: 100%; margin: 20px auto 0 auto; color: #fff; }

.Tool { width: 100%; max-width: 1100px; margin: 0 auto; }
.Tool .title1 { width: 100%; height: 25px; display: block; background: url(../../images/tw/tool-title1.jpg) no-repeat center; margin-top: 20px; }
.Tool .title2 { width: 100%; height: 25px; display: block; background: url(../../images/tw/tool-title2.jpg) no-repeat center; margin-top: 60px; }

.toolbox { display: block; width: 100%; margin: 30px auto; padding: 10px 0; }
.toolbox li { display: block; float: left; width: 30%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 5px #ccc; -webkit-box-shadow: 0px 2px 5px #ccc; box-shadow: 0px 2px 5px #ccc; }
.toolbox li:nth-child(2) { margin: 0 5%; }
.toolbox li div { border: 1px solid #fff; padding: 5%; text-align: center; min-height: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image: linear-gradient(to bottom, #ffffff, #eeeeee); }
.toolbox li span { display: block; font-size: 24px; font-weight: bold; color: #5f9ad2; padding-bottom: 10px; border-bottom: 1px solid #666; }
.toolbox li p { display: block; text-align: left; margin: 5px 0 10px 0; color: #666; font-size: 14px; }
.toolbox li a { display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 13px; padding: 0px 25px; background: #37a0c3; border-bottom: 2px solid #2c809c; }
.toolbox li a:hover { background: #c00; border-bottom: 2px solid #900; }

.picScroll { width: 100%; display: block; margin: 30px auto 50px auto; position: relative; overflow: hidden; }
.picScroll .picList1 { width: auto; overflow: hidden; }
.picScroll .picList1 ul { overflow: hidden; }
.picScroll .picList1 ul li { float: left; width: 165px; margin-right: 22px; margin-bottom: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 5px #ccc; -webkit-box-shadow: 0px 2px 5px #ccc; box-shadow: 0px 2px 5px #ccc; }
.picScroll .picList1 ul li a { display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; }
.picScroll .picList1 ul li a p { display: table; width: 100%; height: 40px; background: #45a6c7; color: #fff; font-size: 12px; line-height: 16px; padding: 3px 8px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px; border-radius: 4px 4px 0 0; }
.picScroll .picList1 ul li a p span { display: table-cell; vertical-align: middle; }
.picScroll .picList1 ul li a img { display: block; padding: 0; margin: 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; }
.picScroll .picList1 ul li a:hover { opacity: .7; }
.picScroll .picList2 { margin-top: 10px; }
.picScroll .picList2 ul { display: block; width: 155px; margin: 0 auto; }
.picScroll .picList2 li { display: inline-block; width: 18px; height: 18px; margin: 5px 2px; background: url(../../images/tw/nur-no.png) no-repeat; cursor: pointer; }
.picScroll .picList2 li.on { background: url(../../images/tw/nur-on.png) no-repeat; }

@media (min-width: 1025px) and (max-width: 1279px) { nav a.logo { margin: 20px 0 0 2%; width: 28%; }
  nav .menu { width: 55%; margin-top: 35px; padding-left: 3%; }
  nav .menu li a { padding: 0 10px; font-size: 14px; }
  nav .link { width: 10%; margin: 20px 3% 0 0; }
  nav .link li { margin: 0px 3px; } }
@media (max-width: 1024px) { #Top { height: 500px; }
  nav a.logo { margin: 20px 0 0 2%; width: 28%; }
  nav .menu { width: 55%; margin-top: 35px; padding-left: 3%; }
  nav .menu li a { padding: 0 10px; font-size: 14px; }
  nav .link { width: 10%; margin: 20px 3% 0 0; }
  nav .link li { margin: 0px 3px; }
  marquee { margin: 10px auto 0 auto; }
  .Banner { width: 96%; margin: 25px auto 0 auto; }
  footer .sitemap { width: 90%; margin: 0px auto 20px auto; }
  footer .sitemap .sboxA { width: 35%; }
  footer .sitemap .sboxB { width: 30%; margin-left: 2%; }
  footer .sitemap .sboxC { width: 30%; }
  footer .info { width: 90%; margin: 0px auto; text-align: center; }
  footer .info .data { font-size: 12px; }
  footer .info .copyright { float: none; }
  .Tool { width: 90%; margin: 0 auto; }
  .picScroll .picList1 { width: auto; overflow: auto; }
  .picScroll .picList1 ul li { float: left; width: 165px; margin-right: 20px; } }
@media (min-width: 769px) and (max-width: 1023px) { nav a.logo { margin: 35px 0 0 2%; width: 26%; }
  nav .menu { width: 50%; margin-top: 15px; padding-left: 3%; }
  nav .menu li a { padding: 0 10px; font-size: 14px; }
  nav .link { width: 15%; margin: 20px 3% 0 0; }
  nav .link li { margin: 0px 3px; } }
@media (max-width: 768px) { #Top { height: 380px; }
  nav a.logo { margin: 35px 0 0 2%; width: 26%; }
  nav .menu { width: 50%; margin-top: 15px; padding-left: 3%; }
  nav .menu li a { padding: 0 10px; font-size: 14px; }
  nav .link { width: 15%; margin: 20px 3% 0 0; }
  nav .link li { margin: 0px 3px; }
  marquee { margin: 5px auto 0 auto; font-size: 12px; }
  .Banner { width: 90%; margin: 20px auto 0 auto; }
  .Banner #abgne_fade_pic .control { left: calc(50% - 40px); bottom: -5%; }
  footer .sitemap .sboxA { width: 35%; }
  footer .sitemap .sboxB { width: 33%; margin: 0 1%; }
  footer .sitemap .sboxC { width: 30%; }
  footer .sitemap .sboxC ul a { margin-right: 5px; }
  .Tool .title2 { margin-top: 30px; }
  .toolbox { margin: 20px auto; }
  .toolbox li { width: 32%; }
  .toolbox li:nth-child(2) { margin: 0 2%; }
  .toolbox li span { font-size: 18px; padding-bottom: 5px; }
  .toolbox li p { font-size: 12px; letter-spacing: -1px; } }
@media (max-width: 640px) { #Top { height: 310px; padding-top: 0px; }
  .M-top a.logo { width: 50%; }
  .Banner #abgne_fade_pic .control { left: calc(50% - 40px); bottom: -8%; }
  footer { padding: 10px 0; }
  footer .sitemap, footer .info hr { display: none; }
  nav a.logo { margin: 35px 0 0 2%; width: 20%; }
  nav .menu { width: 50%; margin-top: 15px; padding-left: 3%; }
  nav .menu li a { padding: 0 10px; font-size: 12px; }
  nav .link { width: 15%; margin: 5px 1% 0 0; }
  nav .link li { margin: 0px 3px; } }
@media (max-width: 480px) { nav a.logo { margin: 35px 0 0 2%; width: 20%; }
  nav .menu { width: 50%; margin-top: 5px; padding-left: 1%; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; }
  nav .menu li a { padding: 0 10px; font-size: 12px; }
  nav .link { width: 15%; margin: 5px 1% 0 0; }
  nav .link li { margin: 0px 3px; } }
@media (max-width: 414px) { #Top { height: 230px; }
  .M-top a.logo { width: 55%; padding: 13px 0 0 5%; }
  .Banner #abgne_fade_pic .control { left: 45%; bottom: -18%; } }
@media (max-width: 375px) { #Top { height: 220px; }
  .M-top a.logo { width: 60%; padding: 13px 0 0 5%; }
  .Banner #abgne_fade_pic .control { left: 40%; bottom: -20%; } }
@media (max-width: 320px) { #Top { height: 190px; }
  .M-top a.logo { width: 60%; padding: 13px 0 0 5%; }
  .Banner { margin: 10px auto 0 auto; }
  .Banner #abgne_fade_pic .control { left: 40%; bottom: -25%; }
  footer .info .data b:last-child { letter-spacing: -1px; } }

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