.logo,.tw-logo{max-height:40px;vertical-align:middle}.flex-direction-nav a,.flex-direction-nav a:before{color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.tw-logo{padding:10px 0}.navbar{background-color:#f0f0f0;border-bottom:1px solid #b4b4b4}.navbar-menu{text-align:right}.navbar-brand{padding-right:2.5rem}#Navbar{text-align:left}.navbar-nav .nav-link{display:block;padding:.3rem .5rem;font-weight:700}.nav-link img{max-height:20px}.content{font-family:'Noto Sans TC';margin-top:5.5rem}.footer{border-top:.05rem solid #e5e5e5;padding:2.5rem 0}.content-box{padding:4%}.hight{line-height:200%!important}.card{border-radius:0!important}@font-face{font-family:flexslider-icon;src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(fonts/flexslider-icon.woff) format('woff'),url(fonts/flexslider-icon.ttf) format('truetype'),url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{padding:0;margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flexslider .slides img{width:100%;display:block;height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:30px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.middle-box p,.middle-box:before{display:inline-block;vertical-align:middle}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.contact{height:500px;padding:3rem}.contact-map{height:500px;padding:0}.products-box:nth-child(even){background:#fff}.products-box:nth-child(odd){background:#f5f5f5}.products-box:hover{background:linear-gradient(270deg,#4a78cf,#fff);color:#fff;background-position:100% 0;background-size:600% 600%;-webkit-animation:box-bg-animation .8s ease;-moz-animation:box-bg-animation .8s ease;animation:box-bg-animation .8s ease}@-webkit-keyframes box-bg-animation{0%{background-position:0 0;color:rgba(255,255,255,0)}100%{background-position:100% 0;color:rgba(255,255,255,1)}}@-moz-keyframes box-bg-animation{0%{background-position:0 0;color:rgba(255,255,255,0)}100%{background-position:100% 0;color:rgba(255,255,255,1)}}@keyframes box-bg-animation{0%{background-position:0 0;color:rgba(255,255,255,0)}100%{background-position:100% 0;color:rgba(255,255,255,1)}}.products-box p{font-size:4rem;left:0;-webkit-animation:box-p-animation-reverse .4s;-moz-animation:box-p-animation-reverse .4s;animation:box-p-animation-reverse .4s}.products-box:hover p{font-size:1rem;left:0;-webkit-animation:box-p-animation .8s;-moz-animation:box-p-animation .8s;animation:box-p-animation .8s}@-webkit-keyframes box-p-animation{0%{left:-50px}100%{left:0}}@-moz-keyframes box-p-animation{0%{left:-50px}100%{left:0}}@keyframes box-p-animation{0%{left:-50px}100%{left:0}}@-webkit-keyframes box-p-animation-reverse{0%{left:50px}100%{left:0}}@-moz-keyframes box-p-animation-reverse{0%{left:50px}100%{left:0}}@keyframes box-p-animation-reverse{0%{left:50px}100%{left:0}}.main-box{background-color:#fff}.main-box:hover{background-color:#54d0f7}.middle-box{padding:0 1.3rem;height:300px;font-size:0;cursor:pointer}.middle-box:before{content:'';width:0;height:100%}.middle-box p{position:relative;padding:2rem 0 2rem 2rem;font-weight:700}.middle-box img{height:100%;padding:2rem}@media only screen and (min-width:768px) and (max-width:991px){.middle-p{width:340px}}@media only screen and (min-width:992px) and (max-width:1199px){.middle-p{width:580px}}@media only screen and (min-width:1200px){.middle-p{width:720px}}.filter{padding:1rem;cursor:pointer}.filter>.filter-icon{z-index:2;transition:all .3s}.filter>.filter-icon:hover{transform:scale(1.5)}.filter-checked{position:absolute;width:25px;height:25px;z-index:3;background:rgba(200,200,200,.6);border-radius:25px}.na{display:none!important}.card-box{padding:0 .3rem 1rem}.card>img{width:100%}@media only screen and (max-width:1140px){.product-card-columns{column-count:2!important}}