@import url("https://fonts.googleapis.com/css?family=Hind:400,700");@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");.browserUpdate{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#333;background:rgba(0,0,0,0.8);font-size:15px;text-align:center}.updateInfo{position:absolute;left:50%;top:50%;width:560px;height:260px;padding:20px;background:#FFF;margin:-150px 0 0 -300px;border-radius:10px}.updateTxt{max-width:440px;margin:0 auto}.infoTxt1{color:#000;font-size:20px;font-weight:700}.updateTxt2{font-size:14px}.browserList li{display:inline-block;zoom:1;width:65px;margin:30px 15px}.browserList img{width:100%}.viewsite{text-decoration:underline;color:#666;cursor:pointer}.viewsite:hover{color:#09f}@media screen and (max-width: 760px){.browserUpdate{height:110%;text-align:left}.updateInfo{position:static;margin:20px;width:auto;height:auto}.updateTxt{max-width:none}.browserList li{width:45px}}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}img{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{font-family:"Hind",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#666;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#000}a:hover{color:#999}.header{position:fixed;top:10vh;bottom:5vh;left:5vw;z-index:10}.header-nav{margin-top:6vh}.header-nav .en{font-family:"Marcellus",serif;opacity:0}.header-nav .tw{font-size:.875em;position:absolute;top:0;left:0;-moz-transform:translateY(15%);-ms-transform:translateY(15%);-webkit-transform:translateY(15%);transform:translateY(15%)}.header-nav .en,.header-nav .tw{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.header-nav a{position:relative;display:block}.header-nav a:before{content:"";width:4vw;height:1px;background:#999;opacity:.5;position:absolute;top:50%;margin-top:-2px;left:-5vw;-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center;-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.header-nav a:hover .en{opacity:1}.header-nav a:hover .tw{opacity:0}.header-nav a:hover:before{-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.header-nav a{margin:5px 0}.header-nav li{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.show-page .header-nav li{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.show-page .header-nav li:nth-child(2){-moz-transition-delay:.1s;-o-transition-delay:.1s;-webkit-transition-delay:.1s;transition-delay:.1s}.show-page .header-nav li:nth-child(3){-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.show-page .header-nav li:nth-child(4){-moz-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}.show-page .header-nav li:nth-child(5){-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}.show-page .header-nav li:nth-child(6){-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}.show-page .header-nav li:nth-child(7){-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.header-copyright{position:absolute;bottom:0;font-size:.75em;white-space:nowrap;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .header-copyright{opacity:1}.onscroll .header-copyright{opacity:0;pointer-events:none}.logo{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .logo{opacity:1}.logo-text{font-size:14px;color:#000;padding:5px 0;display:inline-block}.nav{position:fixed;top:10vh;right:5vw;z-index:11}.nav-wrap{position:fixed;top:0;right:0;height:100vh;width:calc(140px + 5vw * 2);min-width:320px;background:#eee;padding:10vh 5vw;box-sizing:border-box;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s;text-align:right}.nav-wrap .en{font-family:"Marcellus",serif;opacity:0}.nav-wrap .tw{font-size:.875em;position:absolute;top:0;right:0;-moz-transform:translateY(15%);-ms-transform:translateY(15%);-webkit-transform:translateY(15%);transform:translateY(15%)}.nav-wrap .en,.nav-wrap .tw{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav-wrap a{position:relative;display:block}.nav-wrap a:before{content:"";width:4vw;height:1px;background:#999;opacity:.5;position:absolute;top:50%;margin-top:-2px;right:-5vw;-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.nav-wrap a:hover .en{opacity:1}.nav-wrap a:hover .tw{opacity:0}.nav-wrap a:hover:before{-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.nav-open .nav-wrap{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.nav-main{margin-top:10vh}.nav-main a{color:#000;margin:10px 0}.nav-sub{margin-top:6vh}.nav-sub a{color:#999;margin:5px 0 5px 10px;line-height:20px}.nav-sub a:hover{color:#000}.hamburger{position:relative;cursor:pointer;margin:15px 0;z-index:2;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .hamburger{opacity:1}.hamburger-bar{width:30px;height:2px;background:#000;margin:5px 0;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.hamburger-bar:before{content:"";display:block;height:100%;width:0;background:#ccc}.hamburger-bar:nth-child(2){margin-left:-10px}.hamburger:hover .hamburger-bar:before{-moz-animation:hamburgerbar 1s;-webkit-animation:hamburgerbar 1s;animation:hamburgerbar 1s}.hamburger:hover .hamburger-bar:nth-child(2){-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}.nav-open .hamburger:hover .hamburger-bar:nth-child(2){-moz-transform:translateX(10px) scaleX(0);-ms-transform:translateX(10px) scaleX(0);-webkit-transform:translateX(10px) scaleX(0);transform:translateX(10px) scaleX(0)}.hamburger:hover .hamburger-bar:nth-child(2):before{-moz-animation-delay:.2s;-webkit-animation-delay:.2s;animation-delay:.2s}.hamburger:hover .hamburger-bar:nth-child(3):before{-moz-animation-delay:.4s;-webkit-animation-delay:.4s;animation-delay:.4s}.nav-open .hamburger-bar{background:#ccc}.nav-open .hamburger-bar:nth-child(2){-moz-transform:translateX(10px) scaleX(0);-ms-transform:translateX(10px) scaleX(0);-webkit-transform:translateX(10px) scaleX(0);transform:translateX(10px) scaleX(0)}.nav-open .hamburger-bar:nth-child(1){-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.nav-open .hamburger-bar:nth-child(3){-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}@-moz-keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}@-webkit-keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}@keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}.wrapper{overflow:hidden}.main{min-height:100vh}section{padding:0 5vw}.content{position:relative;padding:7vw 160px}.title{font-weight:normal;color:#000;margin:60px 0}.title .en{font-size:1.5rem;font-family:"Marcellus",serif;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform .6s,opacity .6s;-o-transition:-o-transform .6s,opacity .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s}.title .tw{font-size:1.25rem;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform .6s .3s,opacity .6s .3s;-o-transition:-o-transform .6s .3s,opacity .6s .3s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:.3s,.3s;transition:transform .6s .3s,opacity .6s .3s}.title.show .tw,.title.show .en{display:inline-block;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.subtitle{font-weight:normal;color:#000;margin:60px 0}.subtitle .en{font-size:1.25rem;font-family:"Marcellus",serif}.subtitle .tw{font-size:1.125rem;margin:0 10px}.btn{font-size:14px;margin:60px 0}.btn a{display:inline-block;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.btn a:after{content:"";display:block;height:1px;background:#999}.btn a:hover:after{-moz-animation:btnline 1s;-webkit-animation:btnline 1s;animation:btnline 1s}.btn.show a{opacity:1}@-moz-keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}@-webkit-keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}@keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}.footer{padding:5vh 5vw;background:#eee}.footer-inner{margin:0 160px;font-size:.75em;overflow:hidden;color:#666}.footer-copyright{float:left}.footer-copyright span{display:block}.footer-webdesign{float:right;margin-top:.5625em}.footer a{color:#666}.footer a:hover{color:#000}.scroll{position:fixed;bottom:5vh;right:5vw;overflow:hidden;height:60px;width:60px;margin-right:-10px;border-radius:50%;border:#000 solid 1px;cursor:pointer;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .scroll{opacity:1}.scroll:hover{opacity:.5}.scroll-down,.scroll-up{position:relative;padding:18px 30px;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.scroll-down:before,.scroll-up:before{content:"";width:1px;height:24px;background:#000;display:block}.scroll-down:after,.scroll-up:after{content:"";border-left:transparent solid 3px;border-right:transparent solid 4px;position:absolute;left:50%;margin-left:-3px}.up .scroll-down,.up .scroll-up{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.scroll-down:after{border-top:#000 solid 6px;bottom:18px}.scroll-up:after{border-bottom:#000 solid 6px;top:18px}@media screen and (max-width: 1100px){.header{top:20px;bottom:auto}.header-nav,.header-copyright{display:none}.logo img,.logo svg{height:50px}.logo-text{display:none}.nav{top:20px}.nav-wrap{padding:20px 5vw}.hamburger{margin:18px 0}.hamburger-bar{width:25px;height:1px}.hamburger-bar:nth-child(2){margin-left:-5px}.nav-open .hamburger-bar:nth-child(1){-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.nav-open .hamburger-bar:nth-child(3){-moz-transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.content{padding:7vw 0}.title{line-height:1.2}.title .en{font-size:1.25rem}.title .tw{font-size:1.125rem}.footer{padding:20px 5vw}.footer-inner{margin:0 60px 0 0}.scroll{width:40px;height:40px;bottom:20px;margin-right:-7px}.scroll-down,.scroll-up{padding:8px 20px}.scroll-down:after{bottom:8px}.scroll-up:after{top:8px}}@media screen and (max-width: 640px){.nav-wrap{width:100%}.content{padding:60px 0}.footer-copyright,.footer-webdesign{float:none}.footer-webdesign{margin-top:0}.footer-copyright span{display:inline-block}}.technology-content{text-align:center}.technology-line{position:absolute;left:50%;width:1px;height:7vw;background:#ddd}.technology-line.line-b{bottom:0}.technology-line.line-t{top:0}.technology-inner{position:relative;padding-bottom:120px}.technology-inner:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:120px;background:#ddd}.technology-image{position:relative;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center}.technology-image:before{content:"";position:absolute;top:0;left:50%;width:1px;height:0%;background:#ddd;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.technology-image img{width:38%;margin:0 6%;opacity:0;-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.technology-image img:nth-child(odd){-moz-transform:translateY(40px);-ms-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px)}.technology-image img:nth-child(even){-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-webkit-transform:translateY(-40px);transform:translateY(-40px)}.technology-image img:hover{cursor:zoom-in}.technology-image.show:before{height:100%}.technology-image.show img{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.technology-info{max-width:800px;margin:60px auto}.technology-subtitle{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.technology-subtitle.show{opacity:1}.technology-subtitle .en{font-style:italic}.technology-text{font-size:.95em;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.technology-text.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.technology-text p{margin-bottom:20px}.technology-text p:last-child{margin-bottom:0}.technology-more{font-size:.875em}.technology-source{font-size:.95rem;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.technology-source.show{opacity:1}.technology-source span{display:inline-block}.technology-source .source{margin-right:20px}.technology-source a{display:inline-block;padding:10px 0;background:#FFF;color:#666}.technology-source a span:after{content:"";display:block;height:1px;background:#ddd}.technology-source a:hover{color:#000}.technology-source a:hover span:after{background:#000}.technology-source p{padding:10px 0;color:#666}.technology-sort{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.technology-sort.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.technology-panel{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:.95em;border:1px dashed #eee}.technology-panel li{width:calc(20% - 2px);border:1px dashed #eee;padding:10px 0 6px;cursor:pointer}.technology-panel li:hover{background:#f8f8f8}.technology-panel li:hover a{color:#000}.technology-panel a{color:#666}.technology-filter{display:none}.technology-close{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.technology-close.show{opacity:1}.technology-close a{position:relative;display:block;margin:10px auto;font-size:.95em;width:120px;height:120px;border:#ddd 1px solid;border-radius:50%;color:#999}.technology-close a:hover{color:#000}.technology-close a span{position:absolute;top:50%;width:100%;display:block;line-height:30px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.technology-close a i{display:block}.technology-full{position:fixed;top:0;width:100%;height:100%;z-index:20;background-color:rgba(0,0,0,0.8)}.technology-slide{width:100%;height:calc(100% - 80px);padding-top:40px;opacity:0}.show-photo .technology-slide{opacity:1;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.technology-swiper-item{overflow:hidden}.technology-control{position:absolute;width:100%;height:40px;line-height:40px;color:#eee;z-index:1;padding:0 10px;box-sizing:border-box}.technology-control-top{top:-40px;-moz-transition:top .6s;-o-transition:top .6s;-webkit-transition:top .6s;transition:top .6s}.show-photo .technology-control-top{top:0}.technology-control-bottom{bottom:-40px;-moz-transition:bottom .6s;-o-transition:bottom .6s;-webkit-transition:bottom .6s;transition:bottom .6s}.show-photo .technology-control-bottom{bottom:0}.show-thumb .technology-control-bottom{bottom:100px}.technology-number{font-size:.875em;padding-left:15px;box-sizing:border-box}.technology-cross,.technology-zoom-in,.technology-zoom-out{width:40px;text-align:center;float:right;cursor:pointer}.technology-thumb{position:absolute;width:100%;bottom:-140px;padding:10px 0;background:#444;z-index:5;-moz-transition:bottom .6s;-o-transition:bottom .6s;-webkit-transition:bottom .6s;transition:bottom .6s}.show-photo .technology-thumb{bottom:-100px}.show-thumb .technology-thumb{bottom:0}.technology-thumb-btn{position:absolute;right:7px;top:-37px;width:40px;height:37px;text-align:center;line-height:40px;background-color:#444;color:#ddd;cursor:pointer}.technology-thumb-inner{height:80px}.technology-thumb-inner img{height:100%;opacity:.5;cursor:pointer}.technology-thumb .swiper-slide{width:auto;background:#FFF;margin-right:0}.technology-thumb .swiper-slide-active img{opacity:1}.technology-next,.technology-prev{position:absolute;top:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-top:-15px;background:rgba(0,0,0,0.8);z-index:5;border-radius:50%;border:1px solid #fff;cursor:pointer;opacity:.5;color:#FFF}.technology-next:hover,.technology-prev:hover{opacity:.8}.technology-next{right:-40px;-moz-transition:right .6s;-o-transition:right .6s;-webkit-transition:right .6s;transition:right .6s}.show-photo .technology-next{right:10px}.technology-next .fas{margin-left:3px}.technology-prev{left:-40px;-moz-transition:left .6s;-o-transition:left .6s;-webkit-transition:left .6s;transition:left .6s}.show-photo .technology-prev{left:10px}.technology-prev .fas{margin-right:2px}@media screen and (max-width: 1400px) and (min-width: 641px){.technology-image img:nth-child(odd){width:45%;margin:0 5% 0 0}.technology-image img:nth-child(even){width:45%;margin:0 0 0 5%}.technology-info{max-width:none}}@media screen and (max-width: 1300px){.technology-panel li{width:calc(25% - 2px)}}@media screen and (max-width: 760px){.technology-panel li{width:calc(50% - 2px)}}@media screen and (max-width: 640px){.technology-line{height:60px}.technology-source .source{display:block;margin-right:0;margin-bottom:10px}.technology-filter{display:block;font-size:.95em;position:relative;padding:10px 0;cursor:pointer;border-top:1px solid #eee;border-bottom:1px solid #eee}.technology-filter:after{content:"";border-top:#666 solid 6px;border-left:transparent solid 4px;border-right:transparent solid 4px;position:absolute;top:16px;right:16px}.technology-panel{display:none;border:1px solid #eee}.technology-panel li{width:calc(100% - 2px);border:1px solid #eee}.technology-panel li:nth-child(1){border-top:unset}.technology-image{display:block}.technology-image img{width:100%;margin:20px 0}.technology-image img:nth-child(even){-moz-transform:translateY(40px);-ms-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px)}.technology-image.show img{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.technology-image:before{content:none}}