html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;outline:none}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:'icomoon';src:url('/app/fonts/icomoon.eot');src:url('/app/fonts/icomoon.eot') format('embedded-opentype'),url('/app/fonts/icomoon.ttf') format('truetype'),url('/app/fonts/icomoon.woff') format('woff'),url('/app/fonts/icomoon.svg') format('svg');font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-pencil:before{content:"\e946"}.icon-right-small:before{content:"\e939"}.icon-left-small:before{content:"\e93a"}.icon-up-small:before{content:"\e93b"}.icon-down-small:before{content:"\e93c"}.icon-heart:before{content:"\e93d"}.icon-shopping-bag:before{content:"\e93e"}.icon-heart-black:before{content:"\e93f"}.icon-phone:before{content:"\e900"}.icon-wechat:before{content:"\e901"}.icon-down:before{content:"\e902"}.icon-mobile:before{content:"\e903"}.icon-left:before{content:"\e904"}.icon-right:before{content:"\e905"}.icon-cancel:before{content:"\e906"}.icon-plus:before{content:"\e907"}.icon-minus:before{content:"\e908"}.icon-cart:before{content:"\e909"}.icon-user:before{content:"\e90a"}.icon-trash:before{content:"\e90b"}.icon-eye:before{content:"\e90c"}.icon-close-eye:before{content:"\e90d"}.icon-facebook:before{content:"\e90e"}.icon-line:before{content:"\e90f"}.icon-instagram:before{content:"\e910"}.icon-youtube:before{content:"\e911"}.icon-location:before{content:"\e912"}.icon-mail:before{content:"\e913"}.icon-search:before{content:"\e914"}.icon-global:before{content:"\e915"}.icon-whatsapp:before{content:"\e916"}.icon-link:before{content:"\e917"}.icon-upload:before{content:"\e918"}.icon-check:before{content:"\e919"}.icon-twitter:before{content:"\e91a"}.icon-time:before{content:"\e91b"}.icon-up:before{content:"\e91c"}.icon-download:before{content:"\e91d"}.icon-open-window:before{content:"\e91e"}.icon-share:before{content:"\e91f"}.icon-messenger:before{content:"\e920"}.icon-cloud:before{content:"\e921"}.icon-home:before{content:"\e922"}.icon-earth:before{content:"\e923"}.icon-world:before{content:"\e924"}.icon-excel:before{content:"\e925"}.icon-ppt:before{content:"\e926"}.icon-pdf:before{content:"\e927"}.icon-zip:before{content:"\e928"}.icon--document:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-notice:before{content:"\e92b"}.icon-computer:before{content:"\e92c"}.icon-wallet:before{content:"\e92d"}.icon-lock:before{content:"\e92e"}.icon-camera:before{content:"\e92f"}.icon-attached:before{content:"\e930"}.icon-battery:before{content:"\e931"}.icon-folder:before{content:"\e932"}.icon-down-line:before{content:"\e933"}.icon-up-line:before{content:"\e934"}.icon-right-line:before{content:"\e935"}.icon-left-line:before{content:"\e936"}.icon-menu-bar:before{content:"\e937"}.icon-mail-black:before{content:"\e938"}*{box-sizing:border-box}img{height:auto;max-width:100%}*[data-toUrl]{cursor:pointer}figure{margin:0px;padding:0px}a{text-decoration:none}body{display:block;font-family:'Roboto','Noto Sans TC',sans-serif;font-size:0.95em}body header{color:#fff;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:100px;padding-bottom:100px}body header h1{padding-top:150px;font-weight:500;text-shadow:0 0 5px rgba(0,0,0,0.5);margin:0px}body header .breadcrumb{list-style:none;padding:0px;margin:0px;display:flex;flex-wrap:wrap}body header .breadcrumb li{color:#fff}body header .breadcrumb li::after{content:' / ';padding-left:3px;padding-right:5px}body header .breadcrumb li a{color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.5)}body header .breadcrumb li a:hover{color:#29186b;transition:all .2s}body header .breadcrumb li:last-child::after{display:none}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:#777777}body::-webkit-scrollbar-thumb{background:#29186b}body::-webkit-scrollbar-thumb:hover{background:#fff}.w-wrap{padding-right:2vw;padding-left:2vw}.wrap{padding-left:calc(50% - 570px);padding-right:calc(50% - 570px)}.m-wrap{padding-left:calc(50% - 480px);padding-right:calc(50% - 480px)}@media (max-width:1200px){.wrap{padding-left:calc(50% - 480px);padding-right:calc(50% - 480px)}}@media (max-width:980px){.wrap,.w-wrap,.m-wrap{width:100%;padding-left:20px;padding-right:20px}}#head{width:100%;position:absolute;z-index:10;top:0px;left:0px;display:flex}#head #logo{display:flex;align-items:center;padding-left:2vw;width:15%}#head #logo img{max-width:100%}#head #head-tool{width:25%}@media (min-width:1401px){#head #main-menu{width:60%;display:flex}#head #main-menu ul{width:100%;list-style:none;margin:0px;padding:0px;display:flex;justify-content:space-around;align-items:stretch}#head #main-menu ul li{display:flex;align-items:stretch}#head #main-menu ul li a{text-shadow:0 0 5px rgba(0,0,0,0.5);display:flex;align-items:center;padding:0 10px;color:#fff}}#head #head-tool{display:flex;justify-content:flex-end;align-items:center}#head #head-tool #lang-tool{flex:1;display:flex;flex-wrap:wrap;margin:0px;position:relative}#head #head-tool #lang-tool dt{width:100px;text-align:right;color:#fff;padding:5px 0;text-shadow:0 0 5px rgba(0,0,0,0.5)}#head #head-tool #lang-tool dt a{color:#fff}#head #head-tool #lang-tool dd{margin:0px;padding:5px 0;color:#fff;width:calc(100% - 100px);display:flex;align-items:center;text-shadow:0 0 5px rgba(0,0,0,0.5)}#head #head-tool #lang-tool dd a{color:#fff;display:flex;align-items:center;width:100%}#head #head-tool #lang-tool dd img{width:16px;margin:0 5px}#head #head-tool #lang-tool>div{display:flex;width:100%;position:absolute;top:100%;left:0px;display:none}#head #head-tool #lang-tool:hover>div{display:flex}#head #head-tool #tool-list{display:flex;list-style:none;margin:0px;margin-left:50px;padding:0px}#head #head-tool #tool-list li{width:150px;height:120px;background:#29186B;display:flex;text-align:center;align-items:center}#head #head-tool #tool-list li a{color:#fff;width:100%}#head #head-tool #contactBtn{background:#29186B;color:#fff;display:flex;width:140px;height:110px;flex-direction:column;justify-content:center;align-items:center}#head #head-tool #contactBtn i{font-size:30px}#head #head-tool #contactBtn:hover{color:#29186b;background:#fff;transition:all .2s}#head #head-tool button{display:none}@media (max-width:1400px){#head{justify-content:space-between}#head #logo{width:100px;padding:10px}#head #main-menu{display:none}#head #main-menu::-webkit-scrollbar{display:none}#head #head-tool{width:auto;flex:1;justify-content:flex-end}#head #head-tool #lang-tool{flex:none;padding-right:10px;min-width:100px;cursor:pointer}#head #head-tool #lang-tool dt{display:none}#head #head-tool #lang-tool dd{width:100%}#head #head-tool #lang-tool.active div{display:block}#head #head-tool #contactBtn{width:50px;height:50px}#head #head-tool #contactBtn span{display:none}#head #head-tool>button{display:flex;width:50px;height:50px;flex-direction:column;justify-content:center;align-items:center;font-size:30px;background:#fff;color:#29186b;cursor:pointer;border:0px}#head #head-tool>button:hover{background:#29186b;color:#fff;transition:all .2s}#head.active #main-menu{display:block;position:fixed;width:100vw;height:100vh;overflow-y:auto;right:0px;top:0px;background:rgba(0,0,0,0.5)}#head.active #main-menu ul{margin:0px;padding:0px;list-style:none;position:absolute;display:block;right:0px;top:0px;padding:50px 0;background:#333;height:100vh;z-index:100}#head.active #main-menu ul li{display:inherit;text-align:center;padding:20px 70px;background:#333}#head.active #main-menu ul li a{color:#fff;line-height:150%}#head.active #head-tool #lang-tool{z-index:0;display:none}#head.active #head-tool>button{position:fixed;z-index:1000;background:rgba(0,0,0,0);color:#fff}#head.active #head-tool>button::before{content:"\e906"}}#foot-contact{background-image:url('/app/userfile/images_thumb/contact-banner.resize.0x0.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:100px;padding-bottom:100px;color:#fff}#foot-contact h4{font-size:150%}#foot-contact p{font-weight:300;line-height:150%}#foot-contact ul{display:flex;list-style:none;padding:0px}#foot-contact ul li{width:150px;margin:0 20px}#foot-contact ul li:first-child{margin-left:0px}#foot-contact ul li:last-child{margin-right:0px}#foot-contact ul li a{display:flex;padding:30px 0;color:#fff;border:2px solid #fff;flex-direction:column;justify-content:center;text-align:center}#foot-contact ul li a span{height:30px;line-height:30px}#foot-contact ul li a:hover{border-color:#29186b;background:#29186b;transition:all .2s}@media (max-width:767px){#foot-contact ul li{width:calc(50% - 20px)}}#foot{display:flex;padding-top:50px;padding-bottom:50px}#foot .contact{width:50%;order:0;padding-right:20px}#foot .contact img{margin-bottom:20px}#foot .contact dl{color:#333;margin:0px 0 5px 0;display:flex}#foot .contact dl dt{white-space:nowrap}#foot .contact dl dd{margin:0px;padding-left:5px}#foot .contact dl dd a{color:#333}#foot .contact dl dd a:hover{color:#29186b;transition:all .2s}#foot .contact p{font-weight:300;color:#999;font-size:50%;padding-top:20px}#foot .contact p a{color:#999}#foot .contact p a:hover{color:#29186b;transition:all .2s}#foot .menu{order:1;width:50%;display:flex}#foot .menu.r3 div{width:33.33%}#foot .menu.r4 div{width:25%}#foot .menu.r5 div{width:20%}#foot .menu h4{margin:0px 0 10px 0}#foot .menu h4 a{color:#333;font-weight:500}#foot .menu h4 a:hover{color:#29186b;transition:all .2s}#foot .menu ul{list-style:none;padding:0px;margin:0px 0 10px 0}#foot .menu ul li{line-height:150%}#foot .menu ul li a{font-weight:300;color:#777;font-size:95%}#foot .menu ul li a:hover{color:#29186b;transition:all .2s}@media (max-width:980px){#foot{display:block;padding-bottom:0px}#foot .menu{width:100%;order:0;margin-bottom:50px}#foot .contact{width:100%;padding:0px;order:1;display:flex;flex-direction:column}#foot .contact img{max-width:100%}}#body header{background-image:url("/app/userfile/images_thumb/qauality-management/warehouse/warehouse.resize.0x0.jpg")}#body .body{padding-top:100px;padding-bottom:100px;display:flex}#body .body main{color:#333;font-weight:500;line-height:150%;width:calc(100% - 260px);margin-right:20px;padding-bottom:50px}#body .body main figure{padding:0px;margin:0px}#body .body main figure figcaption{padding:5px 0;margin:0px}#body .body main figure img{width:100%}#body .body main .content img{max-width:100%;display:block}#body .body main .step1{display:flex;flex-wrap:wrap}#body .body main .step1 figure{width:calc((100% - 60px) / 4);margin:0 10px 20px 10px}#body .body main .step1 figure:nth-child(4n){margin-right:0px}#body .body main .step1 figure:nth-child(4n + 1){margin-left:0px}@media (max-width:767px){#body .body main .step1 figure{width:calc(50% - 10px)}#body .body main .step1 figure:nth-child(2n){margin-right:0px}#body .body main .step1 figure:nth-child(2n + 1){margin-left:0px}}#body .body main .step2{display:flex}#body .body main .step2>div{width:calc(50% - 10px);margin:0 10px}#body .body main .step2>div:nth-child(2n){margin-right:0px}#body .body main .step2>div:nth-child(2n + 1){margin-left:0px}#body .body main .step3{display:flex;flex-wrap:wrap}#body .body main .step3 figure{width:calc(50% - 10px);margin:0 10px 20px 10px}#body .body main .step3 figure:nth-child(2n){margin-right:0px}#body .body main .step3 figure:nth-child(2n + 1){margin-left:0px}#body .body aside{width:240px;margin-left:20px}#body .body aside h2{margin:0 0 25px 0;padding:20px;font-size:1em;background:#eee;color:#333}#body .body aside ul{list-style:none;padding:0px 0 0 20px;margin:0px}#body .body aside ul li{margin-bottom:25px}#body .body aside ul li a{display:flex;color:#333;align-items:center}#body .body aside ul li a i{width:20px;height:20px;border:1px solid #333;line-height:18px;text-align:center}#body .body aside ul li a span{padding-left:20px}#body .body aside ul li a:hover i{background:#29186b;color:#fff;transition:all .2s}#body .body aside ul li.active a i{background:#29186b;color:#fff}@media (max-width:767px){#body header{padding-top:100px}#body .body{flex-direction:column;padding-top:50px}#body .body aside{order:0;width:100%;margin:0px}#body .body aside h2{display:flex;justify-content:space-between;align-items:center;cursor:pointer}#body .body aside h2::after{font-size:30px;font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;content:'\e91c'}#body .body aside ul{display:none}#body .body aside.active h2::after{content:'\e902'}#body .body aside.active ul{display:block}#body .body main{width:100%;margin:0px;order:1}}