@font-face{font-family:"SF Pro";font-style:normal;font-weight:400;src:url("/zh-tw/assets/fonts/SF-Pro-Display-Regular.otf") format("opentype")}@font-face{font-family:"SF Pro";font-style:normal;font-weight:500;src:url("/zh-tw/assets/fonts/SF-Pro-Display-Medium.otf") format("opentype")}@font-face{font-family:"SF Pro";font-style:normal;font-weight:700;src:url("/zh-tw/assets/fonts/SF-Pro-Display-Bold.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";src:url("/zh-tw/assets/fonts/NotoSansTC-Regular.woff") format("woff"),url("/zh-tw/assets/fonts/NotoSansTC-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans TC";src:url("/zh-tw/assets/fonts/NotoSansTC-Medium.woff") format("woff"),url("/zh-tw/assets/fonts/NotoSansTC-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans TC";src:url("/zh-tw/assets/fonts/NotoSansTC-Bold.woff2") format("woff2"),url("/zh-tw/assets/fonts/NotoSansTC-Bold.woff") format("woff"),url("/zh-tw/assets/fonts/NotoSansTC-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--header-h:74px;--fluid-title:2.5vw;--fluid-h3:1.88rem + 1vw;--fluid-txt:1rem + 1vw;--fluid-margin:16px + 1vw;--ease:cubic-bezier(0.585,0.040,0.345,1.015)}@media only screen and (max-width:1199px){:root{--header-h:50px}}@media only screen and (max-width:991px){:root{--fluid-h3:1.25rem + 1vw;--fluid-txt:0.9375rem + 1vw}}@media only screen and (max-width:767px){:root{--header-h:50px;--fluid-h3:15px + 1vw;--fluid-txt:15px + 1vw;--fluid-margin:7px + 1vw}}@media only screen and (max-width:991px){.hidden-sm{display:none !important}}@media only screen and (min-width:768px){.visible-xs{display:none !important}}@media only screen and (max-width:767px){.hidden-xs{display:none !important}.visible-xs{display:block !important}}.lazyload{opacity:0}.lazyloaded{opacity:1;-webkit-transition:all .5s;transition:all .5s}[data-scroll]{opacity:0;will-change:transform,scale,opacity;-webkit-transform:translateY(2rem) scale(0.9);-ms-transform:translateY(2rem) scale(0.9);transform:translateY(2rem) scale(0.9);-webkit-transition:scale .5s ease,opacity .5s ease .1s,-webkit-transform .5s ease;transition:scale .5s ease,opacity .5s ease .1s,-webkit-transform .5s ease;transition:transform .5s ease,scale .5s ease,opacity .5s ease .1s;transition:transform .5s ease,scale .5s ease,opacity .5s ease .1s,-webkit-transform .5s ease}[data-scroll=in]{opacity:1;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table;clear:both}.disabled,.disabled:hover{cursor:not-allowed}html{font-size:16px}body{width:100%;font-size:16px;overflow-x:hidden;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-ms-overflow-style:scrollbar;color:#555;font-family:-apple-system,"BlinkMacSystemFont","SF Pro","Noto Sans TC","Microsoft JhengHei",sans-serif}html,body{margin:0}a,a:visited,a:hover,a:focus,a:active{text-decoration:none;outline:0}img,a img{border:none;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:normal}section,article,aside,footer,header,nav,main{display:block}p{line-height:inherit}ol.reset,ul.reset,li.reset{list-style:none;margin:0;padding:0}label{font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important}input,textarea,select,input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}input:hover,input:active,input:hover,textarea:hover,textarea:active,textarea:hover,button:hover,button:active,button:hover,select:hover,select:active,select:hover,a:hover,a:active,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)}input:not([type=button]),input:not([type=submit]),input:not([type=reset]){font-size:14px !important}textarea{resize:vertical}select::-ms-expand{display:none}::-webkit-input-placeholder{color:#888;font-size:15px}::-moz-placeholder{color:#888;font-size:15px}:-ms-input-placeholder,:-moz-placeholder{color:#888;font-size:15px}input:-moz-read-only{background:#eee;color:#666}.input-style:-moz-read-only:focus{border:1px solid #ddd}.input-style:read-only:focus{border:1px solid #ddd}.textarea-style:-moz-read-only:focus{border:1px solid #ddd}.textarea-style:read-only:focus{border:1px solid #ddd}input:-moz-read-only{background:#eee;color:#666}input:read-only{background:#eee;color:#666}input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{color:#ccc;font-size:15px}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{background-color:#ededed !important;border:1px solid #eee}img,input[type=image],video,embed,iframe,marquee,object,table{aspect-ratio:attr(width)/attr(height)}#header{position:fixed;left:0;right:0;top:0;width:100%;-webkit-transition:padding .5s,-webkit-box-shadow .5s;transition:padding .5s,-webkit-box-shadow .5s;transition:padding .5s,box-shadow .5s;transition:padding .5s,box-shadow .5s,-webkit-box-shadow .5s;z-index:99;background:#fff}#header .container-1500{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#header h2{display:none}#header .logo{position:absolute;width:248px;height:33px;margin:0;left:2rem;-webkit-transition:left .5s,top .5s;transition:left .5s,top .5s;z-index:100}#header .logo a{display:block;font-size:0;height:100%;width:100%;background-image:url(/zh-tw/assets/images/logo_text.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#header .menu>ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}#header .menu ul li a{display:block;position:relative;color:#555;-webkit-transition:color .3s;transition:color .3s}#header .right-menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#header .right-menu::before{content:"";height:26px;width:1px;background:rgba(255,255,255,.3)}#header .btn-inquiry,#header .btn-lan{position:relative;height:74px;line-height:74px;display:block;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;color:#555;font-size:0}#header .btn-inquiry span,#header .btn-lan span{line-height:1;font-size:.875rem;display:inline-block;vertical-align:top}#header .btn-inquiry{padding:0 20px 0 25px;text-align:center;background:url(/zh-tw/assets/images/icon_inquiry_b.png) left center no-repeat;-webkit-transition:background-color .3s var(--ease),-webkit-transform .3s var(--ease);transition:background-color .3s var(--ease),-webkit-transform .3s var(--ease);transition:background-color .3s var(--ease),transform .3s var(--ease);transition:background-color .3s var(--ease),transform .3s var(--ease),-webkit-transform .3s var(--ease)}#header .btn-inquiry::after{content:"";display:block;position:absolute;right:-5px;top:50%;width:1px;height:16px;border-left:1px dotted #333;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .btn-lan{padding:0 0 0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(/zh-tw/assets/images/icon_earth.png) left center no-repeat}#header .btn-lan .hover-ul{position:absolute;display:none;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;background:#f6f6f6;top:62px;text-align:left;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:120px;font-size:.875rem;text-align:center;overflow:hidden}#header .btn-lan .hover-ul>li:not(:last-child){border-bottom:1px solid rgba(221,221,221,.5)}#header .btn-lan .hover-ul>li>a{color:#555;display:block;height:40px;line-height:40px}#header .btn-search{width:40px;height:40px;border-radius:50%;display:block;font-size:0;color:#555;text-align:center;background:url(/zh-tw/assets/images/icon_search.png) center center no-repeat #e90000;-webkit-transition:background-color .3s var(--ease),-webkit-transform .3s var(--ease);transition:background-color .3s var(--ease),-webkit-transform .3s var(--ease);transition:background-color .3s var(--ease),transform .3s var(--ease);transition:background-color .3s var(--ease),transform .3s var(--ease),-webkit-transform .3s var(--ease)}#header #search-form{position:fixed;text-align:center;padding:0 2rem 2rem;width:600px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);background:#fff;font-size:0;z-index:11;opacity:0;-webkit-transition:opacity .3s ease .1s,-webkit-transform .3s ease;transition:opacity .3s ease .1s,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease .1s;transition:transform .3s ease,opacity .3s ease .1s,-webkit-transform .3s ease}#header #search-form.open{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#header #search-form .g-title{font-size:2rem;margin:1rem auto;color:#333}#header #search-form input{font-size:1rem;background-color:#f7f7f7;border:0;-webkit-box-shadow:none;box-shadow:none;height:50px;padding:0 15px;width:calc(100% - 54px);border-radius:0;vertical-align:middle}#header #search-form input:focus{border:1px solid #e90000}#header #search-form button{font-size:1rem;display:inline-block;width:50px;height:50px;border:0;padding:0;vertical-align:middle;background-image:url(/zh-tw/assets/images/icon_search.png);background-position:center center;background-repeat:no-repeat;background-color:#e90000}#header #search-form .btn-close{cursor:pointer;position:absolute;top:-1px;right:0;width:50px;height:50px}#header #search-form .btn-close::before,#header #search-form .btn-close::after{content:"";width:1px;height:30px;display:block;position:absolute;left:50%;top:10px;background:#555}#header #search-form .btn-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#header #search-form .btn-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.main::before{content:"";position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);opacity:0;display:none;z-index:1;-webkit-transition:opacity .5s ease .3s;transition:opacity .5s ease .3s}@media(min-width:1200px){#header .menu-button{display:none}#header .menu>ul>li{position:relative}#header .menu>ul>li>a{line-height:54px;padding:10px;font-size:.9rem}#header .menu>ul>li::after{position:absolute;bottom:0;left:0;content:"";width:100%;height:8px;background:#e90000;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease-in-out 0s;transition:-webkit-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s}#header .menu>ul>li.current>a,#header .menu>ul>li:hover>a{color:#222}#header .menu>ul>li.current::after,#header .menu>ul>li:hover::after{background:#ccc;visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}#header .menu>ul>li.current::after{background:#e90000}#header .menu>ul>li>ul{width:100vw;position:absolute;left:0;-webkit-transform:translateX(0%) scale(0);-ms-transform:translateX(0%) scale(0);transform:translateX(0%) scale(0);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;margin-top:1rem;opacity:0;background:#fafafa;border-top:1px solid #ccc;-webkit-transition:margin-top .3s var(--ease),opacity .3s var(--ease) .1s;transition:margin-top .3s var(--ease),opacity .3s var(--ease) .1s}#header .menu>ul>li>ul>li{display:inline-block;vertical-align:top}#header .menu>ul>li>ul>li.column-4{width:100%;max-width:calc(25% - 5px)}#header .menu>ul>li>ul>li>a{font-size:.9rem;padding:3px 30px 0 0;cursor:unset}#header .menu>ul>li>ul>li strong{font-size:.9rem}#header .menu>ul>li>ul>li>ul{padding:10px 30px 10px 0}#header .menu>ul>li>ul>li>ul>li>a{color:#777;font-size:.9rem}#header .menu>ul>li>ul>li>ul>li>a:hover{color:#e90000}#header .menu>ul>li>ul>li>ul>li.current>a{color:#e90000}#header .menu>ul>li>ul li.menu-title{position:absolute;left:14.5%;width:267px;font-size:1.25rem;text-decoration:underline}#header .menu>ul>li>ul li.menu-title i{padding-left:.5rem;color:#e90000}#header .menu>ul>li:hover>ul{position:fixed;padding:1.5% 14.5%;margin-top:0;-webkit-transform:translateX(0%) scale(1);-ms-transform:translateX(0%) scale(1);transform:translateX(0%) scale(1);opacity:1;font-size:0;padding-left:calc(14.5% + 267px)}#header .btn-lan:hover .hover-ul{display:block;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:1;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}#header .btn-lan:hover .hover-ul>li>a:hover{color:#e90000}#header .btn-search:hover{background:url(/zh-tw/assets/images/icon_search.png) center center no-repeat #777}#header .cover{display:none !important}#header.is-scroll{-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2)}#header.is-scroll .menu>ul{gap:2rem}}@media only screen and (max-width:1800px){#header{gap:1rem}}@media only screen and (max-width:1680px){#header .logo{left:2rem}#header .menu>ul{gap:1.85rem}#header .menu>ul>li>a{padding-left:0;padding-right:0}#header .menu>ul>li:hover>ul{padding:1.5% 9%;padding-left:calc(9% + 267px)}#header .menu>ul>li:hover>ul li.menu-title{left:9%}}@media only screen and (max-width:1499px){#header .menu>ul>li:hover>ul{padding:1.5% 2.2%;padding-left:calc(2.2% + 267px)}#header .menu>ul>li:hover>ul li.menu-title{left:2.2%}}@media only screen and (max-width:1299px){#header .menu>ul>li:hover>ul{padding:1.5% 2.5%;padding-left:calc(2.5% + 267px)}#header .menu>ul>li:hover>ul li.menu-title{left:2.5%}}@media only screen and (max-width:1199px){#header{padding:.5rem 0;gap:.85rem;height:50px}#header.is-scroll{-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2)}#header .logo{width:180px;height:24px}#header .menu-button{width:25px;height:32px;display:block;font-size:0;border:0;cursor:pointer;z-index:102;color:#555;-webkit-transition:all .5s ease;transition:all .5s ease;background:rgba(0,0,0,0)}#header .menu-button span{position:relative;display:block;width:20px;height:2px;background:#555}#header .menu-button span:before,#header .menu-button span:after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:25px;height:2px;right:0;padding:0;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;background:#555;-webkit-transition:.3s var(--ease);transition:.3s var(--ease)}#header .menu-button span::before{top:-10px}#header .menu-button span::after{bottom:-10px}#header .menu-wrap{position:fixed;width:55vw;height:100vh;right:0;top:0;bottom:0;background:#fff;font-size:1.15em;-webkit-transform:translate3d(55vw,0,0);transform:translate3d(55vw,0,0);z-index:101;overflow:hidden}#header .menu{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}#header .menu>ul{padding:5% 10%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#header .menu>ul>li{width:calc((100% - 1.5rem)/2);-webkit-transition:-webkit-transform 0s .5s;transition:-webkit-transform 0s .5s;transition:transform 0s .5s;transition:transform 0s .5s,-webkit-transform 0s .5s;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease);-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}#header .menu>ul>li:nth-child(2){-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}#header .menu>ul>li:nth-child(3){-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}#header .menu>ul>li:nth-child(4){-webkit-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0)}#header .menu>ul>li:nth-child(5){-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}#header .menu>ul>li:nth-child(6){-webkit-transform:translate3d(0,3500px,0);transform:translate3d(0,3500px,0)}#header .menu>ul>li:nth-child(7){-webkit-transform:translate3d(0,4000px,0);transform:translate3d(0,4000px,0)}#header .menu>ul>li:nth-child(8){-webkit-transform:translate3d(0,4500px,0);transform:translate3d(0,4500px,0)}#header .menu>ul>li:nth-child(9){-webkit-transform:translate3d(0,5000px,0);transform:translate3d(0,5000px,0)}#header .menu>ul>li:nth-child(10){-webkit-transform:translate3d(0,5500px,0);transform:translate3d(0,5500px,0)}#header .menu>ul>li:nth-child(11){-webkit-transform:translate3d(0,6000px,0);transform:translate3d(0,6000px,0)}#header .menu>ul>li>a{padding:10px 0;font-size:1.25rem;font-weight:bold;border-bottom:1px solid #fff;margin-bottom:1rem}#header .menu>ul>li>ul>li>a{padding:5px 0;font-size:1.0625rem;color:#555}#header .right-menu{position:absolute;right:80px}#header .btn-search{width:30px;height:30px}.show-menu #header .menu-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.show-menu #header .menu>ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;ransition-timing-function:var(--ease)}.show-menu #header .menu>ul>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transition-duration:.9s;transition-duration:.9s;ransition-timing-function:var(--ease)}.show-menu #header .menu-title,.show-menu #header strong{display:none}.show-menu #header .menu-button>span{height:0}.show-menu #header .menu-button>span:before{top:0px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.show-menu #header .menu-button>span:after{top:0px;bottom:unset;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}@media only screen and (max-width:1199px){#header{height:50px}#header .cover{top:50px}#header .menu-wrap{width:100%;max-width:100vw;-webkit-transform:translate3d(100vw,140px,0);transform:translate3d(100vw,140px,0);background:rgba(0,0,0,0);overflow-x:hidden;height:calc(100vh - 140px)}#header .menu{overflow-y:auto}#header .menu>ul{display:block;padding:0;gap:0;background:#e5e5e5;overflow:hidden}#header .menu>ul>li{width:100%}#header .menu>ul>li a{font-size:1rem;color:#666;padding:1rem}#header .menu>ul>li>a{margin:0;font-size:1rem;font-weight:normal;border-bottom:1px solid #fff}#header .menu>ul>li>a.btn-lan{display:block;padding:0 0 0 4rem;height:65px;line-height:65px;background:url(/zh-tw/assets/images/icon_earth_w.png) 2rem center no-repeat #7d5d3a}#header .menu>ul>li>a+ul>li>a{background:#d9d9d9;padding:.75rem 1rem;font-size:1rem}#header .menu>ul>li>a+ul>li ul li a{padding:.5rem 1rem;color:#fff;background:#999}#header .menu>ul>li>a.btn-inquiry{text-align:left;display:block;padding:0 0 0 4rem;height:65px;line-height:65px;background:url(/zh-tw/assets/images/icon_inquiry_w.png) 2rem center no-repeat #7d5d3a}#header .menu>ul>li>a.btn-inquiry span{border-bottom:1px solid #fff}#header .menu>ul>li.has-child{position:relative}#header .menu>ul>li.has-child::after{content:"";display:block;width:10px;height:10px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border-style:solid;border-color:#e90000;border-width:2px 2px 0 0;position:absolute;right:1.15rem;top:18px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#header .menu>ul>li.has-child.on::after{top:25px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header .menu>ul>li>ul{background:#d9d9d9;display:none}#header .menu>ul>li>ul>li>a{padding:1rem;color:#555;border-bottom:1px solid #fff}#header .menu>ul>li>ul>li.has-child{position:relative}#header .menu>ul>li>ul>li.has-child::after{content:"";display:block;width:8px;height:8px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border-style:solid;border-color:#666;border-width:2px 2px 0 0;position:absolute;right:1.15rem;top:19px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#header .menu>ul>li>ul>li.has-child.on::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header .menu>ul>li:hover>ul{padding:0}#header .btn-search{display:none}#header #search-form{-webkit-transform:translate(-50%,0) scale(1);-ms-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1);width:100%;height:60px;padding:.65rem .3rem;display:block;position:fixed;background:#e5e5e5;top:var(--header-h);-webkit-transition:.3s;transition:.3s}#header #search-form input{height:40px;background:#fff}#header #search-form button{width:40px;height:40px}#header #search-form .btn-close{display:none}#header #search-form .g-title{display:none}.show-menu #header .menu-wrap{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.show-menu #header #search-form{opacity:1}.show-menu #header #search-form .btn-close{display:none}.show-menu #header #search-form .g-title{display:none}.show-menu .main::before{top:var(--header-h)}}#footer{padding:0 0 3rem 0;position:relative;background:#777;color:#fff;font-size:.875rem}#footer .container-1500{padding-top:3rem}#footer .brand-box{padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;background:#f6f6f6;position:relative}#footer .brand-box .container{padding:0;overflow:hidden}#footer .brand-box .brand-swiper{position:relative}#footer .brand-box .brand-swiper .swiper-slide img{width:100%;aspect-ratio:345/175}#footer .brand-box .brand-swiper .swiper-slide::after{content:"";display:block;width:1px;top:20px;bottom:20px;right:0;position:absolute;background:#ddd}#footer .flex-wrap{gap:3rem}#footer .logo-wrap .logo{display:inline-block;width:65px;margin-bottom:1.5rem}#footer .ul-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9rem}#footer .ul-list>li{position:relative;margin-right:1rem}#footer .ul-list>li:not(:last-child)::after{position:absolute;right:0;top:5px;content:"";width:1px;height:13px;background:rgba(255,255,255,.5);display:inline-block}#footer .ul-list>li a{padding:0 1rem 0 0;display:block;color:#fff;-webkit-transition:color .3s;transition:color .3s;font-family:-apple-system,"BlinkMacSystemFont","SF Pro","Microsoft JhengHei",sans-serif}#footer .ul-list>li a:hover{color:#c7c7c7}#footer .info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}#footer .copyright{font-size:.75rem;color:#aaa}#footer .copyright>a{color:#888;display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #888}#footer .copyright .grnet{display:inline-block;margin-left:15px;color:#888}#footer .copyright .grnet a{color:#888}#footer .footer-links{background:#fafafa;font-family:-apple-system,"BlinkMacSystemFont","SF Pro","Microsoft JhengHei",sans-serif}#footer .footer-links .container-1500{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2rem 2rem 1rem;font-size:.9rem;line-height:21px;color:#555}#footer .footer-links .cloumn-5 span{color:#555;font-family:-apple-system,"BlinkMacSystemFont","SF Pro","Noto Sans TC","Microsoft JhengHei",sans-serif}#footer .footer-links .cloumn-5 a{color:#777}#footer .footer-links .cloumn-5 a:hover{color:#e90000}#footer .footer-links .cloumn-5 ul{padding:10px 30px 10px 0}.pc #footer a.footer-ti:hover{text-decoration:underline}.pc #footer .footer-info a:hover{text-decoration:underline}.pc #footer .ul-list>li>ul>li a:hover{color:#fff}@media only screen and (max-width:1499px){#footer{padding:0 0 2rem 0}#footer .container-1500{padding-top:2rem}}@media only screen and (max-width:1199px){#footer{padding:0 0 1rem 0}#footer .container-1500{padding-top:1rem;max-width:100%}#footer .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}#footer .logo-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer .logo-wrap .logo{margin-bottom:0}#footer .link-wrap{width:100%}#footer .info{-ms-flex-wrap:wrap;flex-wrap:wrap}#footer .ul-list{-ms-flex-wrap:wrap;flex-wrap:wrap}#footer .ul-list li{margin-right:1rem}#footer .ul-list li a{padding-right:1rem}#footer .copyright{padding-top:.5rem;margin-top:.5rem;border-top:1px solid #888}#footer .footer-links .container-1500{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:991px){#footer .info{gap:.3rem}#footer .footer-links .container-1500{grid-template-columns:1fr 1fr}}@media only screen and (max-width:767px){#footer{font-size:.9rem}#footer .ul-list li{margin-right:10px;margin-bottom:10px}#footer .ul-list li a{padding-right:10px;font-size:.9rem}#footer .copyright{font-size:.75rem}}.page-social{color:#f7f7f7;font-size:1rem}.page-social ul{font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.page-social ul li{font-size:0}.page-social ul li a{display:block;position:relative;line-height:38px;width:38px;height:38px}.page-social ul li a:before{content:"";text-align:center;display:block;font-size:1rem;line-height:38px;width:38px;height:38px;color:#fff;border-radius:50%;background-color:rgba(255,255,255,.2);background-repeat:no-repeat;background-position:center center;-webkit-transition:color .3s cubic-bezier(0.5,0,0.3,0.5),background-color .3s cubic-bezier(0.5,0,0.3,0.5);transition:color .3s cubic-bezier(0.5,0,0.3,0.5),background-color .3s cubic-bezier(0.5,0,0.3,0.5)}.page-social ul li .fb:before{font-family:"Font Awesome 5 Brands";content:""}.page-social ul li .ig:before{font-family:"Font Awesome 5 Brands";content:""}.page-social ul li .line:before{background-image:url(/zh-tw/assets/images/icon_line_w.svg)}@media only screen and (min-width:992px){.page-social ul li .fb:hover{color:#0078d7}.page-social ul li .fb:hover:before{background:#0078d7}.page-social ul li .line:hover{color:#00c300}.page-social ul li .line:hover:before{background-color:#00c300}.page-social ul li .ig:hover{color:#405de6}.page-social ul li .ig:hover:before{border:0;background:#405de6;background:linear-gradient(59deg,rgb(64,93,230) 0%,rgb(225,48,108) 46%,rgb(252,175,69) 85%)}}.main{-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;ransition-timing-function:cubic-bezier(0.7,0,0.3,1);max-width:100vw}.gary-bg{background:#f6f6f6}.g-wrap{max-width:100vw;overflow-x:hidden;padding-top:var(--header-h)}.container{padding-left:2rem;padding-right:2rem}.container-1500{width:100%;max-width:calc(1350px + 4rem);padding:0 2rem;margin:0 auto}.container-1230{width:100%;max-width:calc(1230px + 4rem);padding:0 2rem;margin:0 auto}.page-wrap{position:relative;padding-top:3%;padding-bottom:4%}@media(max-width:1480px){.container-1500,.container-1230{max-width:100%}}@media(max-width:767px){.page-wrap{padding-top:1rem;padding-bottom:2rem}}.g-title{position:relative;text-align:center;font-weight:600;font-size:clamp(1.5rem,var(--fluid-title),2rem);width:100%;margin:0 auto 2rem}.g-h3{font-weight:600;font-size:clamp(1.5rem,var(--fluid-h3),2rem);margin:2rem 0}@media only screen and (max-width:767px){.g-title{margin:1rem 0}}.btn-main{color:#fff;background-color:#e90000;border:1px solid #e90000;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-black{color:#e90000;background-color:#fff;border:1px solid #e90000;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-reset{color:#fff;background-color:#777;border:1px solid #777;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-submit{color:#fff;background-color:#555;border:1px solid #555;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-submit:hover{color:#fff;background-color:#e90000;border:1px solid #e90000;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-white{color:#777;background-color:#fff;border:1px solid #fff;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-black:hover{color:#fff;background-color:#e90000;border:1px solid #e90000;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}.btn-main:hover{color:#fff;background-color:#777;border:1px solid #e90000;border-radius:4px;height:50px;line-height:50px;width:250px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden}@media screen and (max-width:767px){.btn-main{color:#fff;background-color:#e90000;border:1px solid #e90000;border-radius:3px;height:40px;line-height:40px;width:100px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden;padding:0 5px}.btn-black{color:#fff;background-color:#555;border:1px solid #e90000;border-radius:3px;height:40px;line-height:40px;width:100px;display:inline-block;text-align:center;font-size:.875rem;padding:0 25px;-webkit-transition:.3s var(--ease);transition:.3s var(--ease);overflow:hidden;padding:0 5px}.btn-reset,.btn-submit{margin:0 10px;width:calc((100% - 90px)/2)}}.btn-wrap{margin:2rem auto}.btn-wrap-center{text-align:center;margin:2rem auto}.btn-wrap-right{text-align:right;margin:2rem auto}@media screen and (max-width:767px){.btn-wrap,.btn-wrap-center,.btn-wrap-right{margin:1rem auto}.btn-wrap-center{margin:2rem auto;padding-top:2rem;border-top:1px solid #ddd}}.btn-play{position:relative;display:block}.btn-play::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("/zh-tw/assets/images/icon_play.png");background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:background-color .3s,opacity .3s;transition:background-color .3s,opacity .3s;opacity:0}.btn-play img{width:100%}@media screen and (min-width:768px){.btn-play:hover::after{opacity:1;background-color:rgba(0,0,0,.3)}}@media screen and (max-width:767px){.btn-play::after{background-size:50px 50px}}.go-top{position:fixed;font-size:0;font-weight:bold;width:38px;height:38px;bottom:-80px;border-radius:2px;right:2%;cursor:pointer;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:bottom .5s,background-color .5s,-webkit-transform .5s;transition:bottom .5s,background-color .5s,-webkit-transform .5s;transition:bottom .5s,transform .5s,background-color .5s;transition:bottom .5s,transform .5s,background-color .5s,-webkit-transform .5s;text-align:center;z-index:100;background:#555}.go-top::before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;-webkit-transform:rotate(45deg) translate(-50%,-50%);-ms-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%);margin-left:-4px;border-style:solid;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;border-width:2px 0 0 2px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) #fff}.go-top.is-scroll{bottom:7%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pc .go-top:hover{background:#e90000}.pc .go-top:hover::before{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) #fff}@media only screen and (max-width:1199px){.go-top.is-scroll{bottom:40px}}@media only screen and (max-width:991px){.go-top{right:1rem}.go-top.is-scroll{bottom:20px}}@media only screen and (max-width:767px){.go-top.is-scroll{bottom:10px}}.system-info{text-align:center;margin:0 auto;padding:5vh 0;line-height:2;letter-spacing:2px;padding:8vh 0;color:#555}.system-info i{font-size:1.5rem;display:block;margin:0 auto 10px;color:#e90000}.system-info .icon{width:90px;height:90px;line-height:90px;margin:0 auto 2rem;border-radius:90px;text-align:center;border:1px solid #888;font-size:4rem;font-weight:bold;color:#888}.hover-style{position:relative}.hover-style::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:rgba(0,0,0,.5);z-index:1;-webkit-transition:opacity .3s ease .1s;transition:opacity .3s ease .1s}.hover-style::after{content:"VIEW";display:block;width:80px;height:80px;line-height:80px;border-radius:40px;border:1px solid #fff;color:#fff;font-size:.875rem;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:bottom .3s ease .1s,opacity .5s ease .2s;transition:bottom .3s ease .1s,opacity .5s ease .2s;z-index:2}.hover-style:hover:before{opacity:1}.hover-style:hover:after{opacity:1;bottom:50%}@media(max-width:767px){.hover-style:before{font-size:.9375rem}.hover-style::after{width:55px;height:55px;line-height:55px}}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.box{color:#555}.box .pic-box{display:block;position:relative;overflow:hidden;margin-bottom:clamp(7px,var(--fluid-margin),1.5rem)}.box .pic-box img{width:100%;opacity:1;-webkit-transition:opacity .5s ease .1s;transition:opacity .5s ease .1s}.box .txt-box{display:block}.box .txt-box *{margin-bottom:.5rem}.box .txt-box .h3,.box .txt-box .h4{color:#555;font-size:clamp(15px,var(--fluid-h3),1.125rem);-webkit-transition:color .3s var(--ease);transition:color .3s var(--ease);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6rem;max-height:3.2rem;overflow:hidden}.box .txt-box .cat{padding:5px 12px;display:inline-block;border:1px solid #ddd;color:#555}.box .txt-box .date{display:inline-block;color:#777}.box .txt-box .des{font-size:clamp(15px,var(--fluid-txt),1rem);color:#666;width:100%;display:-webkit-box;-webkit-line-clamp:none;-webkit-box-orient:vertical;overflow:hidden}.pc .box:hover .txt-box .h3{color:#e90000}@media(max-width:991px){.box .txt-box *{margin-bottom:.3rem}.box .txt-box .date{font-size:.875rem}.box .txt-box .cat{font-size:.875rem;padding:3px 5px}.box .txt-box .h3,.box .txt-box .h4{line-height:1.5rem;max-height:3rem}}.flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap .left-box,.flex-wrap .right-box{width:50%}.video-swiper{width:100%;position:relative;overflow:hidden}.video-swiper .swiper-txt{opacity:0;margin:auto;position:absolute;top:50%;left:0;width:100%;color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;-webkit-transition:opacity .3s ease .8s;transition:opacity .3s ease .8s}.video-swiper .swiper-txt .play-vid{opacity:.85;width:80px;height:80px;margin:0 auto;background:url("/zh-tw/assets/images/icon_play.png");-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.video-swiper .swiper-slide-active .swiper-txt{opacity:1}.pc .video-swiper .videoPoster:hover img{-webkit-filter:brightness(0.8);filter:brightness(0.8)}.pc .video-swiper .swiper-txt .play-vid:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}@media only screen and (max-width:767px){.video-swiper .swiper-txt p{font-size:.9375rem}.video-swiper .swiper-txt .play-vid{width:50px;height:50px;background-size:contain}}.p-banner{position:relative;margin:0 auto;z-index:0;line-height:1;padding:0;aspect-ratio:1920/405}.p-banner::before{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.2);z-index:10}.p-banner picture,.p-banner img{width:100%;height:100%;position:absolute;top:0;left:0}.p-banner .txt{position:absolute;padding:0;left:0;top:24%;z-index:12;color:#fff;background-size:cover;background-position:center center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.p-banner .txt .container-1500{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-banner .txt h2{font-weight:bold;font-size:3.5rem;letter-spacing:1px;margin-bottom:0;line-height:1.1}.p-banner .txt p{font-weight:500;font-size:2.42rem;line-height:1.1}.p-banner .txt span{font-weight:normal;font-size:1.44rem;line-height:1.1;letter-spacing:.1px}@media only screen and (max-width:1199px){.p-banner .txt h2{font-size:2.5rem}.p-banner .txt p{font-size:1.5rem;margin-bottom:.5rem}}@media only screen and (max-width:992px){.p-banner{aspect-ratio:1000/600}}@media only screen and (max-width:767px){.p-banner .txt{top:5%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-banner .txt br{display:none}.p-banner .txt h2{font-size:1.6rem;line-height:.9;margin:0}.p-banner .txt p{margin:.45rem 0;font-size:1.2rem;line-height:1}.p-banner .txt span{font-size:.875rem;line-height:.9}}.swiper-button-next,.swiper-button-prev{color:#555}.swiper-button-next{right:6%}.swiper-button-prev{left:6%}.swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;margin:0 3px;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e90000;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;bottom:1px}.swiper-pagination-bullet-active-main{background:#777}@media only screen and (max-width:991px){.swiper-button-next::after,.swiper-button-prev::after{font-size:1.5rem}.swiper-button-next{right:5px}.swiper-button-prev{left:5px}}@media only screen and (max-width:767px){.swiper-button-next::after,.swiper-button-prev::after{font-size:1.25rem}}.mfp-video .mfp-content{max-width:1400px !important}.mfp-iframe-holder .mfp-close{width:50px;height:50px;line-height:50px;padding:0;right:0;top:-50px;background:#e90000;color:#fff;opacity:1;text-align:center}.mfp-3d-unfold .mfp-content{-webkit-perspective:2000px;perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;-webkit-transition:all .3s var(--ease);transition:all .3s var(--ease);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-60deg);transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{opacity:0;-webkit-transition:all .5s;transition:all .5s}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}.mfp-3d-unfold.mfp-removing .mfp-with-anim{-webkit-transform:rotateY(60deg);transform:rotateY(60deg);opacity:0}.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}#fp-nav.right{right:0}#fp-nav ul li,.fp-slidesNav ul li{width:unset;height:unset;margin:0;text-align:right}#fp-nav ul li a,.fp-slidesNav ul li a{position:relative;line-height:1;text-align:right}#fp-nav ul li a span,.fp-slidesNav ul li a span{display:inline-block;position:relative;width:25px;height:1px;background:#fff;border-radius:0;margin:0;right:0;left:unset;top:unset}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{width:40px;height:1px;border-radius:0}#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a span,.fp-slidesNav ul li:hover a.active span{width:40px;height:1px;border-radius:0}.fp-next{opacity:0}.fp-prev{opacity:0}.p-breadcrumb-block{position:absolute;top:0;z-index:11;width:100%;max-width:1230px}ul.p-breadcrumb{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0;margin-bottom:0;font-family:-apple-system,"BlinkMacSystemFont","SF Pro","Microsoft JhengHei",sans-serif}ul.p-breadcrumb li{display:inline-block;position:relative;line-height:24px;font-size:.75rem;color:#ddd;vertical-align:top;padding-right:20px;color:#fff}ul.p-breadcrumb li:not(.current):after{content:"";display:block;position:absolute;width:1px;height:14px;background:#ddd;top:5px;right:10px;-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg)}ul.p-breadcrumb li a{color:#fff}ul.p-breadcrumb li a:hover{color:#e90000}ul.p-breadcrumb li.current{color:#e90000}.p-pager{text-align:center;margin:5% 0}.p-pager a{text-align:center;vertical-align:middle;display:inline-block;height:50px;width:50px;line-height:50px;border-radius:50%;color:#555;margin:0 5px;font-size:.9375rem;background:#fff;-webkit-transition:background .3s var(--ease);transition:background .3s var(--ease)}.p-pager .prev,.p-pager .next{font-size:0;border:0}.p-pager .prev::after,.p-pager .next::after{content:"";display:inline-block;width:15px;height:15px;border-style:solid;border-color:#555 #555 rgba(0,0,0,0) rgba(0,0,0,0);border-width:1px 1px 0 0;margin-left:.5rem;vertical-align:middle;-webkit-transition:width .3s var(--ease);transition:width .3s var(--ease)}.p-pager .prev{margin-right:1rem}.p-pager .prev::after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.p-pager .next{margin-left:1rem}.p-pager .next::after{margin-left:-4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.p-pager .current{color:#fff;background:#777}.p-pager .disabled{opacity:.5;cursor:not-allowed}@media(min-width:992px){.p-pager a:not(.current):hover{color:#fff;background:#e90000}.p-pager a.next:hover{background:#fff}.p-pager a.prev:hover{background:#fff}.p-pager a.prev:hover::after{border-color:#e90000 #e90000 rgba(0,0,0,0) rgba(0,0,0,0)}}@media(max-width:767px){.p-pager a{margin:0 2px;font-size:.9375rem}.p-pager .prev,.p-pager .next{margin:0 6px}.p-pager .prev::after,.p-pager .next::before{width:10px}}.hover-style{position:relative}.hover-style::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:rgba(0,0,0,.5);z-index:1;-webkit-transition:opacity .3s ease .1s;transition:opacity .3s ease .1s}.hover-style::after{content:"VIEW";display:block;width:80px;height:80px;line-height:80px;border-radius:40px;border:1px solid #fff;color:#fff;font-size:.875rem;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:bottom .3s ease .1s,opacity .5s ease .2s;transition:bottom .3s ease .1s,opacity .5s ease .2s;z-index:2}.hover-style:hover:before{opacity:1}.hover-style:hover:after{opacity:1;bottom:50%}@media(max-width:767px){.hover-style:before{font-size:.9375rem}.hover-style::after{width:55px;height:55px;line-height:55px}}.system-info{text-align:center;margin:0 auto;padding:5vh 0;line-height:2;letter-spacing:2px;padding:8vh 0;color:#555}.system-info i{font-size:1.5rem;display:block;margin:0 auto 10px;color:#e90000}.system-info .icon{width:90px;height:90px;line-height:90px;margin:0 auto 2rem;border-radius:90px;text-align:center;border:1px solid #888;font-size:4rem;font-weight:bold;color:#888}#catalogue .list{gap:1.5rem}#catalogue .box{position:relative;width:calc((100% - 4.5rem)/4)}#catalogue .box .pic-box{aspect-ratio:350/500}#catalogue .box .pic-box.hover-style::before{background-image:url(/zh-tw/assets/images/icon_download.png);background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.23)}#catalogue .box .pic-box.hover-style::after{width:unset;height:60px;line-height:180px;font-size:1.125rem;border:0;content:"Download"}#catalogue .box .txt-box .h3{text-align:center}.pc #catalogue .box .pic-box.hover-style:hover::after{letter-spacing:0}.pc #catalogue .box .txt-box .h3:hover{color:#e90000}@media only screen and (max-width:1199px){#catalogue .list{gap:1.5rem}#catalogue .box{width:calc((100% - 3rem)/3)}}@media only screen and (max-width:991px){#catalogue .box .pic-box.hover-style::before{opacity:1;background-size:40px 40px}}@media only screen and (max-width:767px){#catalogue .list{gap:1rem}#catalogue .box{display:block;width:calc((100% - 1rem)/2);padding:1rem 0}#catalogue .box .pic-box.hover-style::before{background-size:40px 40px}}