html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,cite,code,del,dfn,em,img,ins,q,samp,strong,var,b,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td{margin:0;padding:0;border:0;outline:0;box-sizing:content-box} ol,ul{list-style:none} h1,h2,h3,h4,h5,h6{font-weight:400} a{text-decoration:none} html{height:100%} body{margin:0;padding:0;height:100%;min-height:100%;background-color:#fff;}/* -webkit-text-size-adjust:100% */ /* site-assets 網站資產 */ div.rw-wrapper{min-height:100%;position:relative;cursor:default} div.rw-full-site-width{width:1200px;margin:0 auto;box-sizing:border-box} /* DESKTOP HEADER */ div.rw-header-desktop-container{width:100%;height:150px;min-height:150px;background:#185388;background:linear-gradient(180deg, #196685, #004175 80%);z-index:8;transition: transform .3s ease;position:fixed;top:0} div.rw-header-desktop-container div.rw-hdc{} div.rw-header-desktop-container div.rw-hdc-logo-wrapper{height:100px;position:relative;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper a.logo-desktop:hover span.organization-name{color:#d3d6d9;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper span.organization-logo{width:350px;height:92px;position:absolute;top:48px;left:0px;transition: all .35s ease;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper span.organization-name{width:280px;height:20px;font-family:Roboto,Arial,sans-serif;font-size:16px;color:#c3c6c9;position:absolute;top:28px;left:2px;transition: color .15s linear;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper span.drop-to-menu{width:130px;height:34px;top:108px;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper div.rw-hdc-utility-language{position:absolute;top:10px;right:10px;} div.rw-header-desktop-container div.rw-hdc-logo-wrapper div.rw-hdc-utility-language a{padding:0px 10px;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:28px;color:rgba(255,255,255,0.5);display:inline-block;} /* HEADER-DESKTOP-NAVIGATION */ div.rw-header-desktop-container div.rw-hdc-navigation{height:50px;} div.rw-header-desktop-container div.rw-hdc-navigation ul.nav{text-align:right;} div.rw-header-desktop-container div.rw-hdc-navigation ul.nav > li{display:inline-block;} div.rw-header-desktop-container div.rw-hdc-navigation ul.nav > li a{padding:0px 12px;font-size:20px;font-weight:bold;line-height:50px;display:block;transition: background-color .15s linear;} div.rw-header-desktop-container div.rw-hdc-navigation ul.nav > li a:not(.high-lighter){color:#d3d6d9;} div.rw-header-desktop-container div.rw-hdc-navigation ul.nav > li a:not(.high-lighter):hover{color:#fff;background-color:#ad4b4e;} /* MOBILE header */ div.rw-header-mobile-container{width:100%;height:50px;min-height:50px;background:#004175;position:fixed;top:0;left:0;display:none;z-index:5} div.rw-header-mobile-container{transform:translateY(0px);transition: transform .3s ease;}/*ease-out*/ div.rw-header-mobile-logo-wrapper{position:relative;} /* div.rw-header-mobile-logo-wrapper span.nav{width:50px;height:50px;position:absolute;top:0px;left:0px;background:url(../images/more-choice.png?var=1.0) no-repeat center;} div.rw-header-mobile-logo-wrapper span.cancel{background:url(../images/cancel.png?var=1.0) no-repeat center;} */ div.rw-header-mobile-logo-wrapper span.nav{width:50px;height:50px;padding-top:8px;position:absolute;top:0px;left:0px;} div.rw-header-mobile-logo-wrapper span b{width:36px;height:4px;margin:6px 0px 0px 8px;background-color:#fff;display:block;transition:transform .1s linear;} div.rw-header-mobile-logo-wrapper span.cancel b.voyage-bar-top{transform:translateY(10px) rotate(45deg);} div.rw-header-mobile-logo-wrapper span.cancel b.voyage-bar-middle{transform:translateY(0px) rotate(-45deg);} div.rw-header-mobile-logo-wrapper span.cancel b.voyage-bar-bottom{display:none;} div.rw-header-mobile-logo-wrapper a.logo-mobile{width:180px;height:50px;line-height:50px;font-size:20px;color:#d3d6d9;text-align:right;padding:0px 12px 0px 3px;position:absolute;top:0px;right:0px;} div.rw-header-mobile-logo-wrapper a.logo-mobile span.organization-logo{width:96px;height:34px;position:absolute;top:8px;left:0px;} /* logo 由 width 控制大小 */ /* 【MOBILE NAV】 全域導覽 */ div.rw-header-mobile-navigation{width:75%;background-color:rgba(28,28,28,0.95);position:absolute;top:50px;} /* box-shadow:2px 2px 6px rgba(0,0,0,0.5); left:-600px;display:none;*/ div.rw-header-mobile-navigation{overflow-x:hidden;overflow-y:auto;z-index:6;} div.rw-header-mobile-navigation{transform:matrix( 1,0,-1,1,-999,0 );transform-origin:0% -20%;transition:transform .6s ease;} div.rw-header-mobile-navigation-expansion{transform:matrix( 1,0,0,1,0,0 );transform-origin:0% 0%;} div.rw-header-mobile-navigation ul{margin:12px 0px 100px 0px;} div.rw-header-mobile-navigation ul li{padding:0px 0px 1px 6px;} div.rw-header-mobile-navigation ul li.default a{border-left:8px solid rgba(0,0,0,0.2);} div.rw-header-mobile-navigation ul li.doors a{border-left:8px solid rgba(0,255,0,0.2);} div.rw-header-mobile-navigation ul li.accessories a{border-left:8px solid rgba(255,0,0,0.2);} div.rw-header-mobile-navigation ul li a{padding:0px 12px;font-size:17px;line-height:40px;color:#f0f3f6;display:inline-block;} div.rw-header-mobile-navigation ul li a:hover{color:#fff;} /* DESKTOP footer 對應 .rw-article-container HEIGHT & MOBILE TYPE @media(767) */ div.rw-footer-container{width:100%;min-height:500px;background:url("../images/metal.png") #333639;position:absolute;bottom:0;box-sizing:border-box;overflow:hidden;z-index:3} div.rw-footer-container div.rw-footer-aside{height:270px;} /* 270 + 50 */ div.rw-footer-container div.rw-footer-aside ul{margin:50px 0px 0px 0px;} div.rw-footer-container div.rw-footer-aside ul > li{width:25%;display:inline-block;vertical-align:top;} div.rw-footer-container div.rw-footer-aside ol{margin:0px 10px 0px 10px;} div.rw-footer-container div.rw-footer-aside ol li{padding:2px 0px;line-height:28px;} div.rw-footer-container div.rw-footer-aside ol li:first-child{color:#636669;font-size:20px;font-weight:bold;position:relative;} div.rw-footer-container div.rw-footer-aside ol li a{padding:0px 1px;color:#b3b6b9;display:inline-block;border-bottom:1px solid transparent;transition: none .15s linear;transition-property:border-bottom,color;} div.rw-footer-container div.rw-footer-aside ol li.child-item a{font-size:14px;} div.rw-footer-container div.rw-footer-aside ol li a:hover{color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);} div.rw-footer-container div.rw-footer-aside ol li b{font-family:"Roboto-Light",Arial,sans-serif;font-weight:400;} div.rw-footer-container div.rw-footer-aside ol li em{width:42px;height:30px;line-height:30px;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:24px;font-weight:lighter;font-style:normal;text-align:center;position:absolute;top:0px;right:0px;display:none} div.rw-footer-container div.rw-footer-aside ol li em:hover{background-color:rgba(0,0,0,0.25);} div.rw-footer-container div.rw-footer-content{margin:50px 0px 0px 0px;} div.rw-footer-container div.rw-footer-content ol.organization{margin:0px 0px 0px 10px;} /* 100 */ div.rw-footer-container div.rw-footer-content ol.organization li{display:inline-block;vertical-align:top;} div.rw-footer-container div.rw-footer-content ol.organization li.logo{width:168px;} /* 與 logo 配合 +10 */ div.rw-footer-container div.rw-footer-content ol.organization li.logo a{margin:0px auto;width:168px;height:50px;display:block;} div.rw-footer-container div.rw-footer-content ol.organization li.contentinfo{padding:3px 0px 0px 10px;color:#1d80c0;}/* SVG-0070B8 */ div.rw-footer-container div.rw-footer-content ol.organization li p{font-size:14px;line-height:20px;} div.rw-footer-container div.rw-footer-content ol.organization li p a{color:#1d80c0;} div.rw-footer-container div.rw-footer-content ol.organization li p b{padding:0px 2px;font-family:RobotoMono,Arial,sans-serif;font-weight:400;} div.rw-footer-container div.rw-footer-utility-links{width:100%;height:50px;background-color:rgba(0,0,0,0.2);position:absolute;bottom:0;} div.rw-footer-container div.rw-footer-utility-tools em{width:48px;height:48px;background-color:rgba(0,0,0,0.1);position:absolute;bottom:1px;left:1px;} div.rw-footer-container div.rw-footer-utility-tools a.author{position:absolute;top:18px;left:60px;font-size:14px;color:rgba(255,255,255,0.35);line-height:18px;} div.rw-footer-container div.rw-footer-utility-tools a.author:hover{border-bottom:1px solid rgba(255,255,255,0.35);} .rw-footer cite.g{width:100px;height:100px;opacity:0;position:absolute;bottom:100px;right:0px;z-index:5;transform:rotate(360deg);transition: all .25s linear;border-radius:100%;} .rw-footer cite.g{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2290.7px%22%20height%3D%2290.7px%22%20viewBox%3D%220%200%2090.7%2090.7%22%20enable-background%3D%22new%200%200%2090.7%2090.7%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22ARROW-TOP%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20points%3D%2245.4%2C21%202%2C64.4%207.3%2C69.7%2045.4%2C31.7%2083.4%2C69.7%2088.7%2C64.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center #0070B8;background-size:60%;} /*.rw-footer cite.g{width:100px;height:100px;background:url(../images/upload.png) no-repeat center rgba(0,0,0,0.35);opacity:0;position:absolute;bottom:100px;right:100px;z-index:5;transform:rotate(360deg);transition: all .5s linear;}*/ .rw-footer cite.g:hover{cursor:pointer;} .rw-footer cite.goto-top{width:48px;height:48px;bottom:3px;right:3px;opacity:1;transform:rotate(0deg);} /* ARTICLE */ div.rw-article-container{padding:150px 0 500px 0;background-color:#fff;} /* ARTICLE CONTAINER */ div.rw-article-textually{position:relative;padding:0px 0px 100px 0px;min-height:800px;} /* TEXTUALLY CONTAINER */ div.rw-article-textually-advertisement{padding:5px 0px;text-align:center;} div.rw-article-textually-advertisement img{width:100%;} div.rw-article-adaptive-group{clear:both;} div.rw-article-adaptive-group div[class^="rw-article-adaptive-"]{vertical-align:top;display:inline-block;box-sizing:border-box;} div.rw-article-adaptive-group div.rw-article-adaptive-attached{width:250px;display:none;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul{} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li{margin:0px 0px 1px 0px;background-color:#f3f6f9;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a{padding:8px 0px 0px 106px;height:92px;font-size:16px;line-height:26px;color:#333639;display:block;transition: all .15s linear;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li span{font-size:12px;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;display:block;} /* Article ICON */ div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.snow-sandy{background:url(../Graphics/Components/Article/Article-Snow-Sandy.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.rhino-step{background:url(../Graphics/Components/Article/Article-Rhino-Step.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.world-machine{background:url(../Graphics/Components/Article/Article-World-Machine.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.autodesk-cfd{background:url(../Graphics/Components/Article/Article-Autodesk-CFD.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.animation-design{background:url(../Graphics/Components/Article/Article-Animation-Design.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a.optimization-graphics{background:url(../Graphics/Components/Article/Article-Optimization-Graphics.jpg) no-repeat;background-position:0 0;} div.rw-article-adaptive-group div.rw-article-adaptive-attached ul li a:hover{padding:8px 0px 0px 15px;color:#fff;background-color:#ad4b4e;background-position: -100px 0;} div.rw-article-adaptive-group div.rw-article-adaptive-main{width:650px;padding:0 5px;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul{} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li{width:50%;background-color:#e5ecf2;display:inline-block;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a{height:298px;display:block;position:relative;border:1px solid transparent;transition: border .25s ease;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a.power-locker{background:url(../Graphics/Components/Article/Power-Locker.jpg) no-repeat center;background-clip:padding-box;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a.support-unit{background:url(../Graphics/Components/Article/Ballscrew-Support-Unit.jpg) no-repeat center;background-clip:padding-box;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a.circular-connector{background:url(../Graphics/Components/Article/Circular-Connector.jpg) no-repeat center;background-clip:padding-box;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a.linear-guides{background:url(../Graphics/Components/Article/Rolls-Linear-Guides.jpg) no-repeat center;background-clip:padding-box;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a:hover{border-color:#ad4b4e;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a span{width:100%;font-size:18px;color:#fff;line-height:2em;text-align:center;background-color:rgba(0,0,0,0.35);position:absolute;bottom:0px;left:0px;transition: all .15s linear;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a span b{font-family:Roboto-Light,Arial,sans-serif;} div.rw-article-adaptive-group div.rw-article-adaptive-main ul li a:hover span{font-size:20px;line-height:3.5em;background-color:rgba(175, 75, 80,0.9);} div.rw-article-adaptive-group div.rw-article-adaptive-advertisement{width:300px;height:100%;min-height:300px;background-color:#f3f6f9;} /* 【T E X T U A L L Y】 */ /* div.rw-article-textually h1{margin:5px 0px 10px 0px;font-size:27px;color:#636669;line-height:1.25em;letter-spacing:-1px;} div.rw-article-textually h1 a{color:#3399ff;} div.rw-article-textually h1 b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually h1 dfn{font-size:18px;color:#535659;font-style:normal;letter-spacing:0px;} div.rw-article-textually h2{margin:2px 0px 2px 0px;font-size:20px;line-height:1.25em;color:#535659;} div.rw-article-textually h2 b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually h2 strong{font-family:"Roboto",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually h2.header{color:#268229;} div.rw-article-textually h3{margin:20px 0px 0px 0px;font-size:18px;line-height:1.25em;color:#535659;} div.rw-article-textually h3 b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually p{margin:6px 6px 2px 3px;font-size:15px;line-height:1.35em;} div.rw-article-textually p strong{font-family:"Roboto",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually p b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;} */ /* A D A P T I V E - G R O U P (SCALED-GROUP) */ div.adaptive-group img{max-width:100%;margin:0px auto;display:block;} div.adaptive-group div[class^="row-"]{margin:5px 0px 20px 0px;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;overflow:hidden;} div.adaptive-group div.row-1{width:100%;} div.adaptive-group div.row-2{width:50%;} div.adaptive-group div.row-3{width:33.33%;} div.adaptive-group div.row-4{width:25%;} div.rw-article-animation a{background-color:#ff8800;display:block;} div.rw-article-animation a img{border:1px solid #fff;} .un-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} div.rw-article-features{padding:20px 0px;display:table;} div.rw-article-features div{text-align:left;display:table-cell;} div.rw-article-features div:first-child{width:250px;height:180px;background-color:#f08000;vertical-align:middle;} div.rw-article-features div:first-child a{display:block;text-align:center;font-size:3em;color:#fff;} div.rw-article-features div:last-child{padding:28px 36px;background-color:#ffbc00;} /* FADEIN-DELAY */ div.rw-fadein-delay{margin:0px 0px 50px 0px;border:1px solid #c3c6c9;box-sizing:border-box;} div.rw-fadein-delay div{vertical-align:top;box-sizing:border-box;} div.rw-fadein-delay div.rw-fadein-graphics{width:360px;height:200px;display:inline-block;transition: background,height .35s linear;position:relative;overflow:hidden;} div.rw-fadein-delay div.rw-fadein-graphics span{width:100%;font-size:12px;color:#fff;line-height:2em;text-align:center;background-color:rgba(0,0,0,0.35);display:block;position:absolute;top:-50px;left:0px;} div.rw-fadein-delay div.rw-fadein-components{width:580px;padding:20px;display:inline-block;} div.rw-fadein-delay div.rw-fadein-components div.rw-fadein-textually{padding:10px 0px 0px 0px;color:#535659;} div.rw-fadein-delay div.rw-fadein-components div.rw-fadein-textually b{font-family:Roboto,Arial,sans-serif;font-weight:normal;} div.rw-fadein-delay div.rw-fadein-components h1{font-size:24px;line-height:1.5em;color:#535659;} div.rw-fadein-delay div.rw-fadein-components h1 b{font-family:Roboto,Arial,sans-serif;font-weight:normal;} div.rw-fadein-delay div.rw-fadein-footer{padding:20px 100px 20px 20px;background-color:#f3f6f9;display:none;position:relative;} div.rw-fadein-delay div.rw-fadein-footer h3{font-size:18px;color:#535659;line-height:1.8em;} div.rw-fadein-delay div.rw-fadein-footer p b{font-family:Roboto-Light,Arial,sans-serif;font-weight:normal;} div.rw-fadein-delay div.rw-fadein-footer a{width:100px;height:100%;background:url(../images/next.png) no-repeat center;position:absolute;top:0px;right:0px;opacity:0.5;transition: opacity .15s linear;} div.rw-fadein-delay div.rw-fadein-footer a:hover{opacity:0.8;} /* COMPONENTS */ div.rw-fadein-delay div.skf-graphics{background:url(../Graphics/Components/Article/SKF-Explorer-Bearing.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.sx-graphics{background:url(../Graphics/Components/Article/STAF-Linear-Guides.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.nsk-graphics{background:url(../Graphics/Components/Article/NSK-Linear-Guides.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.dyna-graphics{background:url(../Graphics/Components/Article/DYNA-Screw-Air-Compressor.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.A510-graphics{background:url(../Graphics/Components/Article/TECO-A510-AC-Drive.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.miniature-linear-motion{background:url(../Graphics/Components/Article/Miniature-Linear-Motion.jpg) no-repeat center;background-size:cover;} div.rw-fadein-delay div.disinfection-sterilization-cabinet{background:url(../Graphics/Components/Article/Disinfection-Sterilization-Cabinet.jpg) no-repeat center;background-size:cover;} /* rw-fadein FINISH */ div.rw-fadein-finish div.rw-fadein-graphics{height:300px;} div.rw-fadein-finish div.rw-fadein-graphics span{font-size:24px;top:0px;transition: all .35s linear;} div.rw-fadein-finish div.rw-fadein-footer{display:block;} div.rw-fadein-delay-advertisement{font-size:18px;padding:20px 10px;text-align:center;} div.rw-article-sitemap{margin:50px 0px;} div.rw-article-sitemap h1{font-size:24px;line-height:2em;color:#838689;} div.rw-article-sitemap dl{margin:20px 8px;} div.rw-article-sitemap dl dt{padding:0px 0px 0px 10px;font-size:16px;line-height:36px;color:#fff;background-color:#c3c6c9;background:linear-gradient(60deg, #636669 20%, #e3e6e9 90%);border-left:8px solid #ad4b4e;position:relative;} div.rw-article-sitemap dl dt:before{content:"";position:absolute;top:0px;right:0px;border:18px solid;border-top-color:transparent;border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent;} div.rw-article-sitemap dl dd{padding:1px 0px;font-size:15px;line-height:2em;border-top:1px solid #e3e6e9;} div.rw-article-sitemap dl dd a{padding:0px 0px 0px 10px;color:#333639;display:block;transition: all .15s linear;} div.rw-article-sitemap dl dd a:hover{color:#fff;background-color:#ad4b4e;} div.rw-article-sitemap b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;} div.rw-article-textually-privacy dl{margin:30px 5%;} div.rw-article-textually-privacy dl dt{padding:12px 0px 0px 0px;font-size:24px;color:#838689;line-height:2em;} div.rw-article-textually-privacy dl dd{padding:0px 0px 6px 10px;font-size:15px;}