@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,  caption, 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 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, .Content::after, .Box::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; }

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

.Content { width: 100%; max-width: 1180px; margin: 20px auto 30px auto; }
.Content .banner1 { display: block; width: 100%; height: 0; padding-bottom: 13.559%; background: url(../../images/tw/pic/pb1.jpg) no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.Content .banner2 { display: block; width: 100%; height: 0; padding-bottom: 13.559%; background: url(../../images/tw/pic/pb2.jpg) no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.Content .banner3 { display: block; width: 100%; height: 0; padding-bottom: 13.559%; background: url(../../images/tw/pic/pb3.jpg) no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.Content .banner4 { display: block; width: 100%; height: 0; padding-bottom: 13.559%; background: url(../../images/tw/pic/pb4.jpg) no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.Content .banner5 { display: block; width: 100%; height: 0; padding-bottom: 13.559%; background: url(../../images/tw/pic/pb5.jpg) no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }

.tinynav { display: none; }

.Side { display: block; width: 240px; float: left; margin-top: 30px; }
.Side #sidebar { padding-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmZDJkNCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjNmZkMmQ0Ii8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NyUiIHN0b3AtY29sb3I9IiMxZDkyYWEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjlmYWMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6fd2d4), color-stop(33.33333%, #6fd2d4), color-stop(66.66667%, #1d92aa), color-stop(100%, #329fac)); background-image: -moz-linear-gradient(top, #6fd2d4, #6fd2d4, #1d92aa, #329fac); background-image: -webkit-linear-gradient(top, #6fd2d4, #6fd2d4, #1d92aa, #329fac); background-image: linear-gradient(to bottom, #6fd2d4, #6fd2d4, #1d92aa, #329fac); }
.Side #sidebar .sline { display: block; width: 100%; height: 53px; margin-bottom: 10px; background: url(../../images/tw/side-line.png) no-repeat bottom; }
.Side #sidebar li { width: 90%; margin: 10px auto; background: url(../../images/tw/dot1.png) no-repeat 5px 5px; }
.Side #sidebar li hr { border: none; border-top: 1px solid #429800; border-bottom: 1px solid #a0d3dd; }
.Side #sidebar li a { display: block; color: #fff; padding: 0 0 0px 30px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
.Side #sidebar li a:hover { color: #000; text-shadow: none; background: rgba(255, 255, 255, 0.3); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.Text { display: block; width: calc(100% - 300px); float: right; margin-top: 30px; }
.Text .title { width: 100%; display: block; height: 36px; position: relative; }
.Text .title span { display: block; background: url(../../images/tw/dot4.png) no-repeat 5px 5px; font-size: 24px; color: #126f8c; padding-left: 25px; }
.Text .title p { position: absolute; top: 0px; left: 185px; color: #555; }
.Text .t1 { background: url(../../images/tw/title-line.jpg) no-repeat -140px bottom; }
.Text .t2 { background: url(../../images/tw/title-line.jpg) no-repeat -92px bottom; }
.Text .t3 { background: url(../../images/tw/title-line.jpg) no-repeat -10px bottom; }

.Box { display: block; width: 96%; margin: 20px auto 0px auto; }

.dot-b { display: block; background: url(../../images/tw/dot2.png) no-repeat 1px 6px; padding-left: 20px; font-size: 18px; color: #106d8a; margin-bottom: 5px; }

.dot-r { display: block; background: url(../../images/tw/dot2.png) no-repeat 1px 6px; padding-left: 20px; font-size: 18px; color: #666; margin-bottom: 5px; }

.about span { display: block; float: left; }
.about .about1 { width: 50%; }
.about .about1 p:nth-child(2) { margin-bottom: 30px; padding-right: 5px; line-height: 30px; text-align: justify; text-justify: inter-ideograph; }
.about .about2 { width: 5%; text-align: center; }
.about .about3 { width: 45%; }

.service ul { display: block; background: #eee; padding: 2% 3%; margin-bottom: 30px; }
.service ul li { display: block; border-bottom: 1px dashed #ccc; padding: 5px 0; }

.process { display: block; width: 100%; }
.process li { display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.process div { width: 200px; padding: 15px 0; text-align: center; display: inline-block; vertical-align: middle; border: 1px solid #ddd; 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); }
.process b { display: inline-block; font-size: 35px; vertical-align: middle; margin: 0 20px; }
.process span { display: inline-block; vertical-align: middle; margin-left: 20px;  width: calc(100% - 310px);}

.probox { width: 100%; height: 613px; overflow-y: auto; }

.contact .data { margin: 0 0 20px 0; width: 100%; }
.contact .data td { padding: 8px; border-bottom: 1px dashed #ccc; }
.contact .data td:first-child { color: #999; width: 20%; text-align: right; }
.contact iframe { width: 100%; }
.contact .contact-title { display: block; width: 100%; margin: 20px 0; padding: 8px 10px; color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhOTFhMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExNWQ2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a91a0), color-stop(100%, #115d67)); background-image: -moz-linear-gradient(top, #1a91a0, #115d67); background-image: -webkit-linear-gradient(top, #1a91a0, #115d67); background-image: linear-gradient(to bottom, #1a91a0, #115d67); }
.contact .contact-title img { margin-right: 5px; vertical-align: middle; }
.contact .form { width: 100%; }
.contact .form td { padding: 8px; border-bottom: 1px dashed #ccc; }
.contact .form td:first-child { width: 15%; }
.contact .form b { display: inline-block; width: 20px; text-align: center; color: #f00; vertical-align: middle; }
.contact .form input[type=text] { padding: 3px; width: 50%; }
.contact .form tr:nth-child(7) input { width: 100px; }
.contact .form tr:nth-child(7) img { vertical-align: middle; margin-left: 5px; }
.contact .form tr:last-child td { border-bottom: none; padding-top: 15px; }
.contact .form textarea { width: 80%; }
.contact .form input[name=button] { display: inline-block; padding: 5px 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.contact .form .btnA { color: #fff; font-size: 13px; background: #37a0c3; border: none; border-bottom: 3px solid #2c809c; margin-right: 10px; }
.contact .form .btnB { color: #fff; font-size: 13px; background: #999; border: none; border-bottom: 3px solid #666; }

@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) { 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; }
  .Content { width: 96%; max-width: 1180px; margin: 20px auto 30px auto; }
  .Text { width: calc(100% - 280px); }
  .contact table td:first-child { width: 20%; } }
@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-page { height: 150px; }
  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; }
  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; } }
@media (max-width: 640px) { 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) { .M-top a.logo { width: 55%; padding: 13px 0 0 5%; } }
@media (max-width: 375px) { .M-top a.logo { width: 60%; padding: 13px 0 0 5%; }
  .contact table td:first-child { width: 28%; } }
@media (max-width: 320px) { #Top-page { height: 70px; }
  .M-top a.logo { width: 60%; padding: 13px 0 0 5%; }
  footer .info .data b:last-child { letter-spacing: -1px; }
  .process div { width: 100px; }
  .process b { font-size: 24px; margin: 0 10px; }
  .process span { margin-top: 10px; width: 100%; }
  .contact table td:first-child { width: 32%; } }




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