@charset "UTF-8";:root{--global-color:#171C61;--main-color:#222222;--second-color:#575759;--black:#000000;--white:#ffffff;--family-main:"Poppins","Microsoft JhengHei UI","Microsoft JhengHei",Sans-serif;--f-size50:3.125rem;--f-size40:2.5rem;--f-size35:2.1875rem;--f-size30:1.875rem;--f-size26:1.1625rem;--f-size20:1.25rem;--f-size18:1.125rem;--f-size17:1.0625rem;--f-size16:1rem;--f-size15:0.9375rem;--f-size9:0.5625rem}@font-face{font-family:"Poppins";src:url("/zh-tw/assets/fonts/Poppins-Regular.ttf");src:url("/zh-tw/assets/fonts/Poppins-Regular.woff2") format("woff2"),url("/zh-tw/assets/fonts/Poppins-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/zh-tw/assets/fonts/Poppins-Medium.ttf");src:url("/zh-tw/assets/fonts/Poppins-Medium.woff2") format("woff2"),url("/zh-tw/assets/fonts/Poppins-Medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/zh-tw/assets/fonts/Poppins-Bold.ttf");src:url("/zh-tw/assets/fonts/Poppins-Bold.woff2") format("woff2"),url("/zh-tw/assets/fonts/Poppins-Bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}html{font-size:var(--f-size16)}body{font-size:1rem;font-family:var(--family-main)}*{-webkit-backface-visibility:hidden}img,input[type=image],video,embed,iframe,marquee,object,table{aspect-ratio:attr(width)/attr(height)}img,a img{border:0;border:none;max-width:100%;height:auto !important}a{text-decoration:none}a:visited,a:hover,a:focus,a:active{text-decoration:none}:focus,:active{outline:0}h1,h2,h3,h4,h5,h6{font-weight:normal}p{line-height:inherit}label{font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0}textarea{resize:vertical}ol.reset,ul.reset,li.reset{margin:0;padding:0;list-style:none}section,article,aside,footer,header,nav,main{display:block}input:not([type=radio]):not([type=checkbox]),textarea,select,input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}body,html{margin:0;padding:0;color:var(--black);background:var(--white);font-family:var(--family-main);font-size:var(--size-default);line-height:var(--line-height-default);overflow-x:hidden}@media (min-width:1480px){.container-1430{max-width:1430px;margin:0 auto}}.page-wrap{margin-top:90px;overflow:hidden}@media (max-width:1199px){.page-wrap{margin-top:60px}}.page-nodata{line-height:30px;font-size:var(--f-size18);color:#333;text-align:center;padding:30px 0}.page-nodata > p{margin-top:15px}.page-nodata svg{color:var(--global-color)}.page-content{padding:40px 0 70px}@media (max-width:1199px){.page-content{padding:20px 0 35px}}@media (max-width:991px){.page-content{padding:15px 0 35px}}.page-title{text-align:center;margin-bottom:40px}.page-title h2{margin:0;font-size:var(--f-size40);font-weight:700}.page-title span{display:inline-block;font-size:var(--f-size20);color:#333}@media (max-width:1439px){.page-title h2{font-size:var(--f-size35);line-height:1.4}}@media (max-width:991px){.page-title{margin-bottom:15px}}@media (max-width:767px){.page-title h2{font-size:var(--f-size30)}}.g-btn{display:inline-block;width:100%;max-width:180px;height:50px;line-height:50px;text-align:center;font-size:1rem;color:var(--white);background:#fff;background:var(--global-color);border-radius:5px}.g-btn:hover{color:var(--white);background:var(--black)}@media (max-width:991px){.g-btn{-webkit-transition:all ease 0.25s;transition:all ease 0.25s}.g-btn:hover{-webkit-box-shadow:0 0 999px rgba(255,255,255,0.2) inset;box-shadow:0 0 999px rgba(255,255,255,0.2) inset;color:#fff}}.go-top{display:block;position:fixed;width:45px;height:45px;color:#fff;background:var(--global-color);right:0;bottom:86px;opacity:0;z-index:99;-webkit-transition:opacity 0.25s,background 0.25s;transition:opacity 0.25s,background 0.25s}.go-top:hover{background:var(--black)}.go-top i{font-style:unset;display:inline-block;line-height:1.5;font-size:14px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.go-top i::before{content:"";display:block;width:6px;height:6px;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.go-top.scroll{opacity:1}.go-inquiry{position:fixed;display:block;padding:20px 0;width:60px;right:0;bottom:360px;z-index:99;text-align:center;background:var(--second-color);-webkit-transition:background 0.25s;transition:background 0.25s}.go-inquiry:hover{background:var(--black)}.go-inquiry .text span{display:block;color:var(--white);font-size:var(--f-size18);line-height:1.2}.go-inquiry i{position:relative;display:block;font-size:var(--f-size18);color:var(--white);margin-bottom:8px;-webkit-transition:color 0.25s;transition:color 0.25s}.go-inquiry .qty{display:block;position:absolute;line-height:14px;font-size:var(--f-size9);color:var(--white);background:var(--global-color);border-radius:7px;padding:0 5px;top:13px;right:11px}@media (max-width:1439px){.go-inquiry{width:45px}.go-inquiry .qty{top:12px;right:7px}}@media (max-width:991px){.go-inquiry{padding:20px 0 10px}.go-inquiry .font span{font-size:var(--f-size16)}}@media (max-width:767px){.go-inquiry .font{display:none}.go-inquiry .qty{top:8px}.go-inquiry .text span{font-size:var(--f-size16)}}.community-link{display:block;position:fixed;right:0;bottom:132px;z-index:999}.community-link > *{width:45px;height:45px;overflow:hidden;margin:1px 0 0;opacity:0.8}.community-link > *:hover{opacity:1}.community-link a{position:relative;display:block;text-indent:-9999px}.community-link a:before{content:"";display:block;position:absolute;width:35px;height:35px;top:5px;left:5px}.community-link .fb{background:#1773ea}.community-link .fb a:before{background:url(/zh-tw/assets/images/icon_fb.png) no-repeat;background-size:100%}.community-link .line{background:#00c300}.community-link .line a:before{background:url(/zh-tw/assets/images/icon_line.png) no-repeat;background-size:100%}.community-link .ig{background:url(/zh-tw/assets/images/ig_bg.jpg) no-repeat;background-size:100%}.community-link .ig a:before{background:url(/zh-tw/assets/images/icon_ig.png) no-repeat;background-size:100%}@media (max-width:991px){.community-link{bottom:132px}.community-link > *{width:45px;height:45px;opacity:1}.community-link:before{width:30px;height:30px;top:5px;left:5px}}#header{width:100%;height:120px;position:fixed;left:0;top:0;z-index:100;-webkit-transition:0.35s ease-in-out;transition:0.35s ease-in-out}#header:after{content:"";width:100%;height:3px;position:absolute;left:0;top:0;background:#575759}#header .container{height:100%;padding:0}#header .logo{margin:0;width:200px;height:72px;float:left;overflow:hidden;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .logo a{display:block;background-image:url(/zh-tw/assets/images/logo_header.png);background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%}#header .h-right{float:right;height:100%}#header .h-right > *{float:left}#header .h-right .nav-menu{height:100%}#header .h-right .nav-menu > ul{height:100%;font-size:0}#header .h-right .nav-menu > ul > li{height:100%;padding:0 25px;display:inline-block;vertical-align:top;font-size:1rem;position:relative}#header .h-right .nav-menu > ul > li ul li{white-space:nowrap;background:#222;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center}#header .h-right .nav-menu > ul > li ul li a{color:#aaa;display:block;padding:10px 25px;font-size:var(--f-size16);position:relative}#header .h-right .search{height:100%;position:relative;color:#fff;margin-left:30px;cursor:pointer}#header .h-right .search p{margin:0;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .search p i{display:inline-block;background:url(/zh-tw/assets/images/search_icon.png) no-repeat;background-size:contain;width:18px;height:18px;position:relative;top:3px}#header .h-right .lang{height:100%;position:relative;margin-left:30px}#header .h-right .lang::before{content:"";display:block;width:1px;height:18px;background:rgba(255,255,255,0.7);position:absolute;top:50%;left:-8px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .lang .now-lang{margin:0;position:relative;top:50%;color:#fff;padding:0 10px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .lang .now-lang i{display:inline-block;width:18px;height:18px;background:url(/zh-tw/assets/images/gobal_icon.png) no-repeat;background-size:contain;position:relative;top:3px}#header .h-right .lang .lang-option{position:absolute;top:70%;left:50%;width:auto;z-index:1;opacity:0;-webkit-transform:scale(0) translateX(-50%);-ms-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transition-delay:0s,0.35s;transition-delay:0s,0.35s;-webkit-transition:opacity 0.35s,-webkit-transform 0s 0.35s;transition:opacity 0.35s,-webkit-transform 0s 0.35s;transition:opacity 0.35s,transform 0s 0.35s;transition:opacity 0.35s,transform 0s 0.35s,-webkit-transform 0s 0.35s}#header .h-right .lang .lang-option:before{content:"";width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--global-color) transparent;position:absolute;top:-6px;left:50%;margin-left:-6px}#header .h-right .lang .lang-option li{white-space:nowrap;background:var(--global-color);border-bottom:1px solid rgba(255,255,255,0.2)}#header .h-right .lang .lang-option li a{color:#fff;display:block;padding:5px 20px;text-align:center;font-size:0.875rem}#header .search-wrap{position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;font-size:0;text-align:center;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}#header .search-wrap.show{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}#header .search-wrap form{width:800px;max-width:calc(100% - 70px);display:inline-block;vertical-align:middle;position:relative;top:50%;margin-top:-50px}#header .search-wrap .search-input{width:calc(100% - 150px);text-align:left;font-size:1rem;position:relative;padding-right:20px;margin:0}#header .search-wrap .search-input input{padding:0 10px;height:50px;line-height:50px;border-radius:5px;border:1px solid #ddd;background:#eee;padding-left:50px;width:100%}#header .search-wrap .search-input input::-webkit-input-placeholder,#header .search-wrap .search-input input:-moz-placeholder,#header .search-wrap .search-input input::-moz-placeholder,#header .search-wrap .search-input input:-ms-input-placeholder{font-size:0.75rem;color:#aaa}#header .search-wrap .search-input i{position:absolute;left:20px;top:50%;color:#999;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .search-wrap .search-btn{width:150px;background:var(--global-color);color:#fff;text-align:center;border-radius:30px;height:50px;line-height:50px;padding:0 20px;border:none;font-size:0.875rem;font-weight:bold;letter-spacing:1px}#header .search-wrap .search-close{width:70px;height:50px;position:relative;display:inline-block;vertical-align:middle;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .search-wrap .search-close:before,#header .search-wrap .search-close:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:2px;background:var(--global-color);display:block;margin-left:-15px}#header .search-wrap .search-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#header .search-wrap .search-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header.is-fixed,#header.fixed{height:90px;background:#fff;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.15);box-shadow:0 3px 5px rgba(0,0,0,0.15)}#header.is-fixed .h-right .nav-menu > ul > li > ul,#header.fixed .h-right .nav-menu > ul > li > ul{top:68%}#header.is-fixed .logo a,#header.fixed .logo a{background-image:url(/zh-tw/assets/images/logo_header_b.png);background-position:center center;background-repeat:no-repeat}#header.is-fixed .h-right .search p i,#header.fixed .h-right .search p i{background-image:url(/zh-tw/assets/images/search_icon_b.png);background-size:contain;background-repeat:no-repeat}#header.is-fixed .h-right .lang::before,#header.fixed .h-right .lang::before{background:#e7e7e7}#header.is-fixed .h-right .lang .now-lang,#header.fixed .h-right .lang .now-lang{color:#333}#header.is-fixed .h-right .lang .now-lang i,#header.fixed .h-right .lang .now-lang i{background:url(/zh-tw/assets/images/gobal_icon_b.png) no-repeat;background-size:contain}#header.is-fixed .h-right .search,#header.fixed .h-right .search{color:#333}#header.is-fixed .h-right .nav-menu > ul > li > a,#header.fixed .h-right .nav-menu > ul > li > a{color:#333}@media (min-width:1200px){#header .h-right .nav-menu{display:block !important}#header .h-right .nav-menu > ul > li > ul > li{position:relative}#header .h-right .nav-menu > ul > li > a{display:block;position:relative;top:50%;color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .nav-menu > ul > li > a::after{content:"";display:block;width:100%;height:2px;background:var(--global-color);position:absolute;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.35s ease-in-out;transition:-webkit-transform 0.35s ease-in-out;transition:transform 0.35s ease-in-out;transition:transform 0.35s ease-in-out,-webkit-transform 0.35s ease-in-out}#header .h-right .nav-menu > ul > li.current a::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}#header .h-right .nav-menu > ul > li > ul{position:absolute;top:60%;left:50%;width:auto;min-width:100%;display:block !important;opacity:0;-webkit-transform:scale(0) translateX(-50%);-ms-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transition-delay:0s,0.15s;transition-delay:0s,0.15s;-webkit-transition:opacity 0.15s,-webkit-transform 0s 0.15s;transition:opacity 0.15s,-webkit-transform 0s 0.15s;transition:opacity 0.15s,transform 0s 0.15s;transition:opacity 0.15s,transform 0s 0.15s,-webkit-transform 0s 0.15s}#header .h-right .nav-menu > ul > li ul li:hover > a{background:var(--global-color);color:#fff}#header .h-right .nav-menu > ul > li:hover a::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}#header .h-right .nav-menu > ul > li:hover > ul{opacity:1;-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s;z-index:2}#header .h-right .nav-menu ul.sub{display:none;position:absolute;top:0;left:100%}#header .h-right .nav-menu > ul > li > ul > li:hover > ul.sub{display:block}#header .h-right .switch{display:none}#header .h-right .lang .lang-option li:hover a{background:rgba(0,0,0,0.1)}#header .h-right .lang:hover .lang-option{opacity:1;-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s}#header.is-fixed .h-right .nav-menu > ul > li > a,#header.fixed .h-right .nav-menu > ul > li > a{display:block;position:relative;top:53%}}@media (max-width:1199px){#header{height:60px;background:#fff;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.15);box-shadow:0 3px 5px rgba(0,0,0,0.15)}#header .h-right .nav-menu > ul > li > ul{top:68%}#header.is-fixed,#header.fixed{height:60px}#header .h-right .search p i{background:url(/zh-tw/assets/images/search_icon_b.png) no-repeat;background-size:contain}#header .h-right .lang::before{background:#e7e7e7}#header .h-right .lang .now-lang i{background:url(/zh-tw/assets/images/gobal_icon_b.png) no-repeat;background-size:contain}#header .h-right .nav-menu > ul > li > a{color:#333}#header .h-right .lang .now-lang,#header .h-right .search{color:#333}#header.is-fixed,#header.fixed{height:60px}#header::after{display:none}#header .container{max-width:100%}#header .logo a,#header.fixed .logo a,#header.is-fixed .logo a{background:url(/zh-tw/assets/images/logo_header_b.png) no-repeat;background-position:center center;background-size:100%}#header .logo{width:110px;height:44px;margin-left:15px}#header .h-right .nav-menu{position:absolute;top:100%;left:0;width:100%;height:auto;display:none;max-height:calc(100vh - 80px);overflow:auto}#header .h-right .nav-menu > ul > li{width:100%;display:block;padding:0}#header .h-right .nav-menu > ul > li > a{background:var(--global-color);color:#fff !important;display:block;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.2);position:relative}#header .h-right .nav-menu > ul > li > a i{position:absolute;right:10px;top:50%;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#fff transparent transparent transparent;margin-top:-3px;display:block}#header .h-right .nav-menu > ul > li ul{display:none}#header .h-right .nav-menu > ul > li ul li{border:none}#header .h-right .nav-menu > ul > li ul li a{color:#222;padding:10px 20px;text-align:left;background:#fefefe;border-bottom:1px solid #ddd}#header .h-right .nav-menu > ul > li ul li:last-child a{border:none}#header .h-right .nav-menu ul.sub{border-bottom:1px solid #ddd}#header .h-right .nav-menu ul.sub > li > a{background:#f5f5f5;padding:5px 20px}#header .h-right .search{margin-left:20px}#header .h-right .search p i{background:url(/zh-tw/assets/images/search_icon_b.png);background-size:contain}#header .h-right .lang{margin-left:10px}#header .h-right .lang .now-lang i{background:url(/zh-tw/assets/images/gobal_icon_b.png);background-size:contain}#header .h-right .lang.show .lang-option{opacity:1;-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s}#header .switch{width:60px;height:100%;padding:0 10px;margin-left:10px;background:var(--global-color)}#header .switch .icon{position:relative;width:30px;height:30px;border-radius:50%;top:50%;margin:auto;margin-top:-15px;display:block}#header .switch .icon span{position:absolute;height:2px;background:#fff;display:block;left:0%;top:50%;pointer-events:none;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);-webkit-transition-delay:0.3s,0s,0s;transition-delay:0.3s,0s,0s;-webkit-transition:width 0.3s 0.3s,margin 0.3s,-webkit-transform 0.3s;transition:width 0.3s 0.3s,margin 0.3s,-webkit-transform 0.3s;transition:width 0.3s 0.3s,transform 0.3s,margin 0.3s;transition:width 0.3s 0.3s,transform 0.3s,margin 0.3s,-webkit-transform 0.3s}#header .switch .icon .line1{width:80%;margin-top:-6px}#header .switch .icon .line2{width:100%}#header .switch .icon .line3{width:60%;margin-top:6px}#header .switch.on .icon span{-webkit-transition-delay:0s,0.3s,0.3s;transition-delay:0s,0.3s,0.3s;-webkit-transition:width 0.3s,margin 0.3s 0.3s,-webkit-transform 0.3s 0.3s;transition:width 0.3s,margin 0.3s 0.3s,-webkit-transform 0.3s 0.3s;transition:width 0.3s,transform 0.3s 0.3s,margin 0.3s 0.3s;transition:width 0.3s,transform 0.3s 0.3s,margin 0.3s 0.3s,-webkit-transform 0.3s 0.3s}#header .switch.on .icon .line1{width:90%;margin-top:0px;-webkit-transform:translate(0%,-50%) rotate(45deg);-ms-transform:translate(0%,-50%) rotate(45deg);transform:translate(0%,-50%) rotate(45deg)}#header .switch.on .icon .line2{width:0}#header .switch.on .icon .line3{width:90%;margin-top:0px;-webkit-transform:translate(0%,-50%) rotate(-45deg);-ms-transform:translate(0%,-50%) rotate(-45deg);transform:translate(0%,-50%) rotate(-45deg)}#header .search-wrap{padding:0 20px}#header .search-wrap .search-input{width:calc(100% - 100px)}#header .search-wrap form{max-width:calc(100% - 50px)}#header .search-wrap .search-close{width:40px;margin-left:8px}#header .search-wrap .search-close:before,#header .search-wrap .search-close:after{width:25px}#header .search-wrap .search-btn{width:100px;height:40px;line-height:40px;font-size:0.812rem}#header .search-wrap .search-input input{height:40px;padding-left:40px;line-height:40px}#header .search-wrap .search-input i{left:15px}}@media (max-width:479px){#header .logo{width:120px;height:60px}#header .h-right .switch{width:60px}#header .search-wrap .search-input{width:100%;padding:0}#header .search-wrap .search-btn{display:none}}#footer{background:url(/zh-tw/assets/images/footerbg.jpg);padding:32px 0}#footer .container{max-width:1400px}#footer .l-box,#footer .r-box,#footer .line-box{display:inline-block;vertical-align:middle}#footer .l-box{width:235px;padding:0 55px 0 10px;border-right:1px solid rgba(253,252,251,0.1)}#footer .l-box .logo{width:160px;margin:auto}#footer .l-box .socail-media{margin-top:12px}#footer .l-box .socail-media li{display:inline-block;margin-right:11px}#footer .l-box .socail-media li:last-child{margin-right:0}#footer .l-box .socail-media li a{display:inline-block;position:relative;width:30px;height:30px;border-radius:50%;background:rgba(253,252,251,0.1)}#footer .l-box .socail-media li a i{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#ddd;font-size:var(--f-size15)}#footer .l-box .socail-media li a .twitter_x{display:inline-block;position:absolute;top:25%;left:25%;background:url(/zh-tw/assets/images/twitter-x.png);background-size:cover;width:15px;height:14px}#footer .r-box{width:calc(100% - 300px - 120px);padding-left:65px}#footer .r-box .menu li{display:inline-block;vertical-align:middle;font-size:var(--f-size15);padding:0 13px;line-height:1;border-right:1px solid rgba(253,252,251,0.1)}#footer .r-box .menu li:first-child{padding-left:0}#footer .r-box .menu li:last-child{border-right:none}#footer .r-box .menu li a{display:inline-block;color:#fff}#footer .r-box .info{font-size:0;margin-top:15px}#footer .r-box .info li{display:inline-block;vertical-align:middle;font-size:14px;margin-right:15px;color:#fff}#footer .r-box .info li:last-child{margin-right:0}#footer .r-box .info li span{color:#fff}#footer .r-box .info li span i{display:inline-block;margin-right:5px}#footer .r-box .info li a{color:#fff}#footer .r-box .info li a:hover{text-decoration:underline}#footer .r-box .copyright{margin-top:10px;font-size:14px;color:#e9ecef}#footer .r-box .copyright a{color:#e9ecef}#footer .r-box .copyright span{display:inline-block;padding-left:5px;white-space:nowrap}#footer .line-box{width:120px}#footer .line-box img{width:100%}@media (min-width:992px){#footer .r-box .menu li a:hover{text-decoration:underline}#footer .l-box .socail-media li a{-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out}#footer .l-box .socail-media li a:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}}@media (max-width:1199px){#footer .l-box{width:200px;padding:0 30px 0 0}#footer .l-box .logo{margin-bottom:10px}#footer .r-box{width:calc(100% - 230px);padding-left:35px}}@media (max-width:767px){#footer{padding:25px 0}#footer .l-box{width:100%;padding:0;border-right:none}#footer .l-box .socail-media{text-align:center;margin-top:5px}#footer .r-box{width:100%;padding-left:0;margin-top:20px}#footer .r-box .menu li{margin-bottom:10px}#footer .r-box .info{margin-top:3px;line-height:1.8}#footer .r-box .copyright{margin-top:3px}#footer .line-box{width:100%}#footer .line-box a{display:block;margin:10px auto 0;width:100px}}@media (max-width:574px){#footer .r-box .copyright{margin-top:3px}#footer .r-box .copyright span{padding-left:0}}.p-kanban{position:relative;width:100%;height:100%}.p-kanban img{width:100%}.page-breadcrumb{padding-top:15px}.page-breadcrumb.gray{background:#f6f6f6}.page-breadcrumb ul{font-size:0}.page-breadcrumb ul li{display:inline-block;position:relative;line-height:24px;font-size:0.875rem}.page-breadcrumb ul li:not(.current){padding-right:20px}.page-breadcrumb ul li:not(.current):after{content:"";display:block;position:absolute;width:1px;height:14px;background:#ccc;top:5px;right:10px;-ms-transform:rotate(20deg);transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg)}.page-breadcrumb ul li.current{color:var(--global-color)}.page-breadcrumb ul li a{color:#888}.page-breadcrumb ul li a:hover{color:var(--global-color)}.page-table{width:100%;font-family:"Microsoft JhengHei UI","Microsoft JhengHei",Sans-serif}.page-table thead{background:#2f2f2f}.page-table thead th{position:relative;color:#fff;text-align:center;padding:15px 0;font-size:var(--f-size18);font-weight:normal}.page-table thead th:first-child{width:13%}.page-table thead th:nth-child(3){width:17%}.page-table thead th:last-child{width:11%}.page-table thead th::after{content:"";display:block;width:1px;height:20px;background:#555;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.page-table tbody tr{border-bottom:1px solid #ddd}.page-table tbody td{padding:20px}.page-table tbody td:nth-child(2){text-align:left}.page-table tbody td .number{display:block;width:100px;height:46px;font-size:1rem;border:1px solid #ccc;background:#fff;text-align:center;margin:auto;padding:0 10px}.page-table tbody td .number:focus{border-color:var(--global-color)}.page-table tbody .pic a{display:block;width:100px;margin:auto}.page-table tbody .title{color:var(--global-color);font-size:var(--f-size18);margin-bottom:5px}.page-table tbody .describe{font-size:var(--f-size18)}.page-table tbody .del{border:1px solid #ddd;background:#fff;color:#999;border-radius:50%;width:38px;height:38px;display:block;margin:auto;-webkit-transition:ease 0.35s;transition:ease 0.35s}.page-table tbody .del:hover{background:var(--global-color);color:var(--white);border-color:var(--global-color)}@media (max-width:991px){.page-table thead td{font-size:0.937rem}.page-table tbody .title,.page-table tbody .describe{font-size:var(--f-size16)}}@media (max-width:767px){.page-table thead{display:none}.page-table tbody tr{display:block;position:relative;padding:0 20px;font-size:0;border:1px solid #ccc;border-top:2px solid var(--global-color);margin-bottom:20px}.page-table tbody td{font-size:1rem;padding:20px;border-bottom:1px solid #ddd}.page-table tbody .qty,.page-table tbody .button{display:inline-block;border-bottom:none}.page-table tbody .qty{width:calc(100% - 114px)}.page-table tbody .qty .number{width:100%}.page-table tbody .button{width:25%;max-width:110px}.page-table tbody .button .del{width:100%;max-width:110px;height:46px;background:#666;border:none;color:#fff;border-radius:0}.code{width:100%}}.page-form{font-size:0}.page-form .group{margin-bottom:10px;font-size:0;min-height:45px}.page-form .group.half{display:inline-block;width:50%;vertical-align:top}.page-form .group.half .g-btn{float:right;border:none}.page-form .group > div{display:inline-block;font-size:1rem;vertical-align:middle}.page-form .group .title{width:105px;text-align:right;line-height:45px}.page-form .group .title strong{color:var(--global-color);margin-right:3px}.page-form .group .content{width:calc(100% - 105px);padding-left:15px}.page-form .group .content .code .input{width:calc(100% - 130px);margin-right:10px}.page-form .group .content .code .codeimg{float:right}.page-form .group .content .address{font-size:0;margin:0 -5px}.page-form .group .content .address > div{display:inline-block;vertical-align:top;font-size:1rem;padding:0 5px}.page-form .group .content .address .selectBox{width:20%}.page-form .group .content .address .box{width:60%}.page-form .radio{margin:10px;color:#333;font-size:1rem;border-radius:5px}.page-form .radio input{display:none}.page-form .radio input:checked + span.icon i{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:ease 0.3s;transition:ease 0.3s}.page-form .radio input + span.icon{display:inline-block;vertical-align:middle;border:1px solid #ccc;background:#fff;width:18px;height:18px;border-radius:50%;margin:0 5px 3px 0;padding:3px;-webkit-transition:ease 0.3s;transition:ease 0.3s}.page-form .radio input + span.icon i{background:#333;display:block;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.page-form .input{width:100%;background:#fff;border:1px solid #ddd;height:45px;line-height:45px;padding:0 10px;border-radius:0}.page-form .input.textarea{height:100px}.page-form .button{text-align:center;font-size:0;margin-top:30px}.page-form .button .btn{padding:10px;width:150px;text-align:center;font-size:1rem;margin:0 5px}.page-form .button .g-btn{font-size:var(--f-size16)}.page-form .button .cancel{background:#333;color:#fff}.page-form .button .submit{background:#2764b7;color:#fff}@media (max-width:991px){.g-btn{float:none;display:block;width:100%}}@media (max-width:767px){.page-form .group.half{width:100%;margin-bottom:15px}.page-form .group.half .g-btn{float:none;width:100%;max-width:100%}.page-form .group .title{width:100%;text-align:left;line-height:30px}.page-form .group .content{width:100%;padding:0}.page-form .buttons .btn{width:calc(50% - 10px)}}#inquiry .page-content{padding-bottom:0}#inquiry .inquiry-form{position:relative;margin-top:80px;padding:80px 0}#inquiry .inquiry-form .page-form{position:relative;z-index:1}#inquiry .inquiry-form .bg-gray{position:absolute;z-index:0;background:#f4f4f4;width:100vw;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#inquiry .page-note{text-align:center}#inquiry .page-note .note{border:none;padding-bottom:0;margin-bottom:0}#inquiry .page-note .icon{width:60px;height:60px;margin:20px auto;display:block;position:relative}#inquiry .page-note .icon svg{position:absolute;top:0;left:0;width:100%;height:100%}#inquiry .page-note .g-btn{float:none;margin:40px auto}@media (max-width:991px){#inquiry .inquiry-form{margin-top:30px;padding:30px 0}}