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,input,textarea,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:'cwTeXYen','微軟正黑體','Courier New',"Heiti TC","Microsoft JhengHei","Lantinghei SC","Open Sans","Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;word-break:break-all;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}button{cursor:pointer;background-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a,a:hover,a:focus,input:focus,button:focus,select{outline:0;text-decoration:none}@font-face{font-family:'cwTeXYen';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);src:url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype')}@font-face{font-family:'fontello';src:url('/base/font/solid/font/fontello.eot?1234567');src:url('/base/font/solid/font/fontello.eot?1234567#iefix') format('embedded-opentype'),url('/base/font/solid/font/fontello.woff?1234567') format('woff'),url('/base/font/solid/font/fontello.ttf?1234567') format('truetype'),url('/base/font/solid/font/fontello.svg?1234567#block_fontello') format('svg');font-weight:normal;font-style:normal}*{word-break:break-all;font-family:'Courier New','cwTeXYen',"Heiti TC"!important}@keyframes main_menu_hover{from{color:#313131}to{color:#009ee7}}@keyframes main_menu_border_hover{from{background:#313131;width:0}to{background:#009ee7;width:100%}}@keyframes head_active_slider{0%{top:0}50%{top:-100px}100%{top:0;background:rgba(255,255,255,0.9);border-bottom:0;-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.2);box-shadow:0 5px 5px rgba(0,0,0,0.2)}}@keyframes head_slider{0%{top:0}50%{top:-100px}100%{top:0}}@keyframes sms_hover{from{color:#999;border-color:#999}to{color:#fff;border-color:#df5a2e;background:#df5a2e}}body{font-size:1.1em}#head{animation:head_slider .5s forwards;background:rgba(255,255,255,0.8);position:fixed;z-index:1000;top:0;left:0;width:100%;border-bottom:1px solid #a6a6a4}#head #main_menu{padding-top:10px;padding-bottom:10px;margin:0 auto;overflow:hidden;position:relative}#head #main_menu #menu_con{display:none}#head #main_menu #logo{display:inline-block}#head #main_menu #logo img{height:80px}#head #main_menu .menu{position:absolute;right:0;bottom:0}#head #main_menu .menu ul{display:table}#head #main_menu .menu ul li{display:table-cell}#head #main_menu .menu ul li a{color:#313131;display:block;padding:10px 20px;position:relative}#head #main_menu .menu ul li a:hover{animation:main_menu_hover .5s forwards}#head #main_menu .menu ul li a:hover::after{position:absolute;bottom:0;left:0;display:block;background:#313131;width:0;height:2px;content:' ';animation:main_menu_border_hover .5s forwards}#head #main_menu .sns{position:absolute;top:10px;right:10px}#head #main_menu .sns ul{display:table}#head #main_menu .sns ul li{display:table-cell;padding-left:5px}#head #main_menu .sns ul li a{display:block}#head #main_menu .sns ul li a::after{content:' ';display:block;width:30px;height:30px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;color:#fff;font-family:'fontello';line-height:30px;text-align:center}#head #main_menu .sns ul li a.icon-fb::after{background:#3b5998;content:'\e800'}#head #main_menu .sns ul li a.icon-gp::after{background:#dd4b39;content:'\e801'}#head #main_menu .sns ul li a.icon-line::after,#head #main_menu .sns ul li a.icon-lineqr::after{background:#00c300;content:'\e804'}#head #main_menu .sns ul li a.icon-local::after{background:#e55e5e;content:'\e813'}#head #main_menu .sns ul li a.icon-email::after{background:#9748a8;content:'\e811'}#head #main_menu .sns ul li a.icon-phone::after{background:#ffc600;content:'\e812'}#head.active{animation:head_active_slider .7s forwards}#head.active #main_menu #logo{height:60px}#head.active #main_menu #logo img{height:60px}.container{max-width:1200px;margin:auto;padding-left:10px;padding-right:10px}#body .breadcrumb{background:#f5f6fa;padding:25px 0;list-style:none;overflow:hidden;margin-bottom:50px}#body .breadcrumb li{float:left}#body .breadcrumb li a{color:#313131}#body .breadcrumb li a:hover{animation:main_menu_hover .5s forwards}#body .breadcrumb li::after{display:inline-block;padding:0 10px;content:' ＼ ';color:#999}#body .breadcrumb li:first-child a{color:#009ee7}#body .breadcrumb li:last-child::after{padding:0;content:''}#body #banner .des ul{display:table}#body #banner .des ul li{display:table-cell;padding-right:10px}#body #banner .des ul li a{border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;padding:5px 10px;color:#999}#body #banner .des ul li a.icon-fb::before{font-family:'fontello';font-size:80%;content:'\e800';margin-right:10px}#body #banner .des ul li a.icon-gp::before{font-family:'fontello';content:'\e801';font-size:80%;margin-right:10px}#body #banner .des ul li a:hover{animation:sms_hover .5s forwards}#foot{background:#000;padding:20px;text-align:center;color:#fff;font-size:.5em}#contact{background:#333;padding:50px 0}#contact h2{font-size:200%;color:#fff;margin-bottom:50px}#contact form .group{overflow:hidden;margin-bottom:20px}#contact form .group label{display:block;float:left;width:80px;color:#fff;line-height:30px;text-align:right}#contact form .group .input{margin-left:100px}#contact form .group .input input,#contact form .group .input textarea{padding:5px 0;font-size:100%;border:0;border-bottom:1px solid #fff;color:#fff;background:rgba(0,0,0,0);width:calc(100% - 10px);margin:0}#contact form .group .input textarea{border:1px solid #fff;height:100px}@media(min-width:980px) and (max-width:1199px){body .container{width:960px;margin:auto;padding-left:10px;padding-right:10px}#head #main_menu{padding-bottom:0}#head #main_menu .menu{position:relative}#head #main_menu .menu ul{display:table;width:100%;table-layout:fixed}#head #main_menu .menu ul li{display:table-cell}#head #main_menu .menu ul li a{color:#313131;display:block;padding:10px 0;text-align:center;position:relative}#head #main_menu .menu ul li a:hover{animation:main_menu_hover .5s forwards}#head #main_menu .menu ul li a:hover::after{position:absolute;bottom:0;left:0;display:block;background:#313131;width:0;height:2px;content:' ';animation:main_menu_border_hover .5s forwards}}@media(min-width:768px) and (max-width:979px){body .container{width:calc(100% - 20px);margin:auto;padding-left:10px;padding-right:10px}#head #main_menu{padding-bottom:0}#head #main_menu .menu{position:relative}#head #main_menu .menu ul{display:table;width:100%;table-layout:fixed}#head #main_menu .menu ul li{display:table-cell}#head #main_menu .menu ul li a{color:#313131;display:block;padding:10px 0;text-align:center;position:relative}#head #main_menu .menu ul li a:hover::after{position:absolute;bottom:0;left:0;display:block;background:#313131;width:0;height:2px;content:' ';animation:main_menu_border_hover .5s forwards}}@media(max-width:767px){body .container{width:calc(100% - 20px);margin:auto;padding-left:10px;padding-right:10px}#head{position:absolute;width:100%;top:0;left:0}#head #main_menu{padding-top:10px;padding-bottom:10px;position:relative;width:100%;padding:10px}#head #main_menu #menu_con{position:absolute;right:10px;top:12px;display:block;padding:10px 10px 0 10px;width:50px;background:rgba(0,0,0,0);border:0}#head #main_menu #menu_con span{display:block;height:2px;width:100%;background:#009ee7;margin-bottom:8px}#head #main_menu #logo{padding-bottom:10px}#head #main_menu #logo img{height:40px}#head #main_menu .menu{position:static;display:none;bottom:auto;width:100%;padding:10px;background:#fff}#head #main_menu .menu ul{display:block}#head #main_menu .menu ul li{display:block}#head #main_menu .menu ul li a{display:block}#head #main_menu .menu ul li a:hover{animation:none}#head #main_menu .menu ul li a:hover::after{display:none}#head #main_menu .sns{display:none;position:static;background:#fff;text-align:center}#head #main_menu .sns ul{display:block}#head #main_menu .sns ul li{display:inline-block}#head #main_menu.active{background:#fff}#head.active #main_menu{padding-bottom:0}#head.active #main_menu #logo{padding-bottom:10px}#head.active #main_menu #logo img{height:40px}}@media(max-width:480px){body .container{width:calc(100% - 20px);margin:auto;padding-left:10px;padding-right:10px}#head{position:absolute;width:100%;top:0;left:0}#head #main_menu{padding-top:10px;padding-bottom:10px;position:relative;width:100%;padding:10px}#head #main_menu #menu_con{position:absolute;right:10px;top:12px;display:block;padding:10px 10px 0 10px;width:50px;background:rgba(0,0,0,0);border:0}#head #main_menu #menu_con span{display:block;height:2px;width:100%;background:#009ee7;margin-bottom:8px}#head #main_menu #logo{padding-bottom:10px}#head #main_menu #logo img{height:40px}#head #main_menu .menu{position:static;display:none;bottom:auto;width:100%;padding:10px;background:#fff}#head #main_menu .menu ul{display:block}#head #main_menu .menu ul li{display:block}#head #main_menu .sns{display:none;position:static;background:#fff;text-align:center}#head #main_menu .sns ul{display:block}#head #main_menu .sns ul li{display:inline-block}#head #main_menu.active{background:#fff}#head.active #main_menu{padding-bottom:0}#head.active #main_menu #logo{padding-bottom:10px}#head.active #main_menu #logo img{height:40px}}@keyframes banner_link_hover{from{background:#313131}to{background:#009ee7}}@keyframes service_link_hover{0%{color:#fff;border-color:#fff}100%{color:#009ee7;border-color:#009ee7}}@keyframes slider_to_next{0%{left:0}100%{left:100%}}@keyframes slider_to_prev{0%{left:0}100%{left:-100%}}@keyframes gallery_hover{0%{top:-100%;opacity:.1;background:rgba(255,255,255,0.2)}100%{top:2%;opacity:1;background:rgba(255,255,255,0.9)}}@keyframes gallery_h2_hover{form{text-shadow:0 0 0 transparent}to{text-shadow:2px 2px 5px #009ee7}}@keyframes gallery_more{0%{color:#009ee7}100%{background:#009ee7;color:#fff}}@keyframes knowledge_title{0%{color:#313131}100%{color:#009ee7;text-shadow:0 0 2px #009ee7}}@keyframes knowledge_more{0%{background:#009ee7;color:#fff}100%{background:#fff;color:#009ee7}}@keyframes knowledge_img{0%{width:100%;height:100%;left:0;top:0}100%{top:-5%;left:-5%;height:110%;width:110%}}@keyframes show_box{0%{height:0}100%{height:100%}}#body #banner{position:relative;overflow:hidden}#body #banner .list{background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;display:none;z-index:100}#body #banner .list.active,#body #banner .list.next,#body #banner .list.prev{display:block}#body #banner .list.active a,#body #banner .list.next a,#body #banner .list.prev a{color:#fff}#body #banner .list.next{position:absolute;animation:slider_to_next 1s forwards;top:0;left:0;width:100%;height:100%}#body #banner .list.prev{position:absolute;top:0;right:0;animation:slider_to_prev 1s forwards;width:100%;height:100%}#body #banner .list .container{padding-top:350px;text-align:center}#body #banner .list .container h2{font-size:400%;font-weight:900;margin-bottom:20px;color:#666;font-family:'微軟正黑體'!important}#body #banner .list .container p{margin-bottom:20px}#body #banner .list .container a{display:inline-block;padding:15px 30px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;background:#313131;color:#fff;font-size:100%}#body #banner .list .container a:hover{animation:banner_link_hover .5s forwards}#body #banner ul.page li{position:absolute;top:45%}#body #banner ul.page li a{color:#fff;text-shadow:0 0 5px #fff}#body #banner ul.page li.next{right:10px}#body #banner ul.page li.prev{left:10px}#body #content #about{padding-top:50px;padding-bottom:50px}#body #content #about p{margin-bottom:15px;line-height:150%}#body #content .container h1,#body #content .container h2,#body #content .container h3,#body #content .container h4{color:#009ee7;font-size:130%;margin-bottom:20px}#body #content #service{position:relative;overflow:hidden}#body #content #service .list{background-repeat:no-repeat;background-position:center;min-height:300px;padding:40px 0;display:none}#body #content #service .list.active{display:block}#body #content #service .list.next{width:100%;display:block;position:absolute;top:0;animation:slider_to_next 1s forwards}#body #content #service .list.prev{width:100%;display:block;position:absolute;top:0;animation:slider_to_prev 1s forwards}#body #content #service .list h2,#body #content #service .list h3,#body #content #service .list h4{color:#fff;font-size:150%}#body #content #service .list p{margin-bottom:20px;line-height:150%;color:#fff;font-size:110%}#body #content #service .list a{color:#fff;display:inline-block;border:2px solid #fff;padding:10px 20px;font-size:120%;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}#body #content #service .list a:hover{animation:service_link_hover .5s forwards}#body #content #service .con li a{display:block;position:absolute;bottom:40%;color:#fff}#body #content #service .con li a.next{right:0}#body #content #service .con li a.prev{left:0}#body #content #gallery{background:#f1f1f1;padding:100px 0 50px 0;text-align:center}#body #content #gallery h2{font-size:300%;color:#009ee7;margin-bottom:100px}#body #content #gallery .gallery{overflow:hidden;margin-bottom:50px}#body #content #gallery .gallery .list{opacity:0;float:left;width:25%;position:relative;overflow:hidden}#body #content #gallery .gallery .list img{width:100%}#body #content #gallery .gallery .list:hover .box{animation:gallery_hover .7s forwards}#body #content #gallery .gallery .list .box{position:absolute;top:-100%;left:2%;width:96%;height:96%;padding-top:30%}#body #content #gallery .gallery .list .box h2,#body #content #gallery .gallery .list .box p{text-align:center;padding-bottom:10px;margin-bottom:0}#body #content #gallery .gallery .list .box h2{font-size:120%}#body #content #gallery .gallery .list .box h2 a{color:#009ee7}#body #content #gallery .gallery .list .box h2 a:hover{animation:gallery_h2_hover .5s forwards}#body #content #gallery .gallery .list .box p{font-size:90%}#body #content #gallery .gallery .list .box p a{color:#313131}#body #content #gallery a.more{display:inline-block;border:2px solid #009ee7;padding:10px 20px;color:#009ee7;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}#body #content #gallery a.more:hover{animation:gallery_more .5s forwards}#body #content #news,#body #content #knowledge{padding:50px 0}#body #content #news h2,#body #content #knowledge h2{font-size:300%;color:#009ee7;text-align:center;padding:50px}#body #content #news h2 a,#body #content #knowledge h2 a{color:#009ee7}#body #content #news .list{overflow:hidden;margin-left:-10px;margin-right:-10px}#body #content #news .list .article{position:relative;float:left;width:33%;padding:5px;height:300px}#body #content #news .list .article .hide_box{overflow:hidden;height:0}#body #content #news .list .article time{float:left;display:inline-block;width:70px;padding:10px;background:#009ee7;color:#fff;font-size:120%;text-align:center;font-weight:900}#body #content #news .list .article time span{font-weight:100;padding-top:5px;display:block;font-size:.8em}#body #content #news .list .article h3{margin-left:75px;margin-bottom:10px;color:#009ee7;font-size:150%}#body #content #news .list .article h3 a{color:#009ee7}#body #content #news .list .article h3 a:hover{animation:gallery_h2_hover .5s forwards}#body #content #news .list .article p{padding-top:10px;clear:both;line-height:150%;color:#313131}#body #content #news .list .article .more{padding-top:10px;text-align:right}#body #content #news .list .article .more a{color:#009ee7;display:block;font-size:.8em}#body #content #news .list .article .more a:hover{animation:gallery_h2_hover .5s forwards}#body #content #knowledge .list{overflow:hidden}#body #content #knowledge .list .article{border:1px solid #ccc;position:relative;float:left;margin:20px;width:calc(100%/3 - 28px);height:480px}#body #content #knowledge .list .article:nth-child(3n+1){margin-left:0}#body #content #knowledge .list .article:nth-child(3n){margin-right:0}#body #content #knowledge .list .article .img{display:block;width:100%;overflow:hidden;position:relative}#body #content #knowledge .list .article .img img{width:100%}#body #content #knowledge .list .article .img:hover img{animation:knowledge_img .5s forwards;position:absolute}#body #content #knowledge .list .article .data{padding:10px}#body #content #knowledge .list .article .data h3{margin-bottom:20px}#body #content #knowledge .list .article .data h3 a{color:#313131;text-shadow:0 0 5px #999;font-weight:900}#body #content #knowledge .list .article .data h3 a:hover{animation:knowledge_title .5s forwards}#body #content #knowledge .list .article .data p{line-height:150%;margin-bottom:20px}#body #content #knowledge .list .article .data .foot{position:absolute;bottom:10px;left:10px;width:calc(100% - 20px);font-size:.8em}#body #content #knowledge .list .article .data .foot a{color:#fff;background:#009ee7;display:inline-block;padding:5px 15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #009ee7}#body #content #knowledge .list .article .data .foot a:hover{animation:knowledge_more .5s forwards}#body #content #knowledge .list .article .data .foot time{float:right;color:#ccc;line-height:30px}@media(max-width:1199px){#body #banner .list{background-attachment:scroll}#body #content #service .container{width:calc(100% - 120px);max-width:980px;margin:auto}}@media(min-width:768px) and (max-width:979px){#body #content #service .container{width:calc(100% - 120px);max-width:980px;margin:auto}#body #content #news .list .article{width:50%}#body #content #gallery .gallery .list{width:calc(100%/3)}#body #content #knowledge .list .article{width:calc(50% - 28px)}#body #content #knowledge .list .article:nth-child(3n){margin-right:20px}#body #content #knowledge .list .article:nth-child(3n+1){margin-left:30px}#body #content #knowledge .list .article:nth-child(2n){margin-right:0}#body #content #knowledge .list .article:nth-child(2n+1){margin-left:0}}@media(max-width:767px){#body #content #service .container{width:calc(100% - 120px);max-width:767px;margin:auto}#body #content #news .list .article{width:100%;height:auto}#body #content #gallery .gallery .list{width:calc(100%/2)}#body #content #knowledge .list .article{float:auto;width:100%;margin-left:0;margin-right:0}#body #content #knowledge .list .article:nth-child(3n){margin-right:0}#body #content #knowledge .list .article:nth-child(3n+1){margin-left:0}#body #content #knowledge .list .article:nth-child(2n){margin-right:0}#body #content #knowledge .list .article:nth-child(2n+1){margin-left:0}}@media(max-width:480px){#body #content #service .container{width:calc(100% - 120px);max-width:767px;margin:auto}#body #content #news .list .article{width:100%;height:auto}#body #content #gallery .gallery .list{width:calc(100%)}}