@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional");.header .title h1 span,.kvUnit__link,.articleUnit__link,.articleUnit__text span,.productUnit__title span,.productUnit .detailUnit__bd span{display:block}.button,.header .title h1 span span,.scrolltopDetail a,.articleUnit__btn .button::after{display:inline-block}.loading,.loading__text,.scrolltopDetail a .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__body,.footer__hd .footer__body,.footer__bd .footer__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{color:#000;font-family:system,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Noto Sans TC","Heiti TC","Microsoft JhengHei","Helvetica Neue",sans-serif;font-size:16px;line-height:1.3}a{outline:none}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}::-webkit-input-placeholder{color:#aaa}:-moz-placeholder{color:#aaa;opacity:1;filter:alpha(opacity=100)}::-moz-placeholder{color:#aaa;opacity:1;filter:alpha(opacity=100)}:-ms-input-placeholder{color:#aaa}*,*:after,*:before{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:none}img{max-width:100%;vertical-align:middle}.seoText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.seoText:active,.seoText:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.desktop{display:block}@media screen and (max-width: 767px){.desktop{display:none !important}}.mobile{display:none}@media screen and (max-width: 767px){.mobile{display:block !important}}.wrapper{overflow-x:hidden}.wrapper .container::after{position:absolute;top:260px;right:0;content:"";opacity:0.04;z-index:-1;-webkit-transition:top 0.3s ease-in-out,opacity 0.3s ease-in-out 0.3s;transition:top 0.3s ease-in-out,opacity 0.3s ease-in-out 0.3s}@media screen and (max-width: 1680px){.wrapper .container::after{top:140px}}@media screen and (max-width: 1280px){.wrapper .container::after{opacity:0}}@media screen and (max-width: 1280px){.wrapper .container::after{opacity:0}}@media only screen and (max-width: 1200px){.wrapper .container::after{display:none;z-index:-1}}.lazyLoading{position:relative;background:#ccc url(../images/icon/svg/icon_lazy.svg) no-repeat center;overflow:hidden}.lazyLoading img{position:absolute;top:50%;left:50%;max-width:102%;max-height:102%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.button{position:relative;text-align:center;min-width:220px;padding:0 70px;height:50px;line-height:48px;font-size:16px;font-size:1rem;font-weight:500;color:#fff;border:0;cursor:pointer;background-color:#a56445;border:2px #a56445 solid;border-radius:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border 0.3s ease-in-out,background-color 0.3s ease-in-out,color 0.3s ease-in-out;transition:border 0.3s ease-in-out,background-color 0.3s ease-in-out,color 0.3s ease-in-out}.button span{position:relative;z-index:1}.button:hover{border:2px #b5704e solid;background-color:#b5704e}.button.line{border:2px #a56445 solid;color:#a56445;background-color:rgba(0,0,0,0)}.button.line:hover{color:#fff;border:2px #b5704e solid;background-color:#b5704e}@media screen and (max-width: 767px){.button{padding:0 15px}}.button+.button{margin:0 0 0 20px}@media screen and (max-width: 767px){.button+.button{margin:0 0 0 15px}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background-color:rgba(0,0,0,0.85)}.loading__text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:28px;font-size:1.75rem;text-transform:uppercase;font-weight:bold;color:#fff}.header{position:relative;z-index:1;height:50vh;min-height:400px;background-color:#a56445}@media screen and (max-width: 767px){.header{min-height:100px}}.header__body{min-height:180px;padding:0 4%}@media screen and (max-width: 767px){.header__body{min-height:100px;padding:0 20px}}.header .logo{max-width:160px}@media screen and (max-width: 767px){.header .logo{max-width:120px}}.header .title{position:absolute;right:0;bottom:0;left:0;padding:60px 4%}@media screen and (max-width: 767px){.header .title{padding:50px 20px 30px 20px}}.header .title h1{font-size:70px;font-size:4.375rem;font-family:"Noto Sans TC";font-weight:900;color:#fff}@media screen and (max-width: 1366px){.header .title h1{font-size:5.1vw}}@media screen and (max-width: 767px){.header .title h1{font-size:22px;font-size:1.375rem}}@media screen and (max-width: 767px){.header .title h1 span span{display:block}}.scrolltopDetail{position:fixed;top:80px;right:4%;opacity:1;-webkit-transition:top 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:top 0.6s ease-in-out,opacity 0.6s ease-in-out;z-index:2}@media screen and (max-width: 767px){.scrolltopDetail{top:auto;position:relative}}.scrolltopDetail a{position:relative;padding:0 60px 0 0;font-size:14px;font-size:.875rem;font-family:"Noto Sans TC";color:#fff;-webkit-transition:color .6s ease-in-out;transition:color .6s ease-in-out}@media screen and (max-width: 767px){.scrolltopDetail a{padding:0 30px 0 0}}.scrolltopDetail a .icon{position:absolute;top:-18px;right:0;width:50px;height:50px;background-color:#fff;border-radius:50%;-webkit-transition:background-color .6s ease-in-out;transition:background-color .6s ease-in-out;z-index:1}@media screen and (max-width: 767px){.scrolltopDetail a .icon{position:fixed;top:30px;right:4%;width:40px;height:40px}}.scrolltopDetail a .icon::after{content:"";width:22px;height:22px;background-color:#a56445;-webkit-mask:url(../images/icon-arrow.svg) no-repeat center/100% auto;mask:url(../images/icon-arrow.svg) no-repeat center/100% auto;z-index:1;-webkit-transition:background-color .6s ease-in-out;transition:background-color .6s ease-in-out}@media screen and (max-width: 767px){.scrolltopDetail a .icon::after{width:16px;height:16px}}.scrolltopDetail.dark a{color:#a56445}.scrolltopDetail.dark a .icon{background-color:#a56445}.scrolltopDetail.dark a .icon::after{background-color:#fff;-webkit-mask:url(../images/icon-arrow.svg) no-repeat center/100% auto;mask:url(../images/icon-arrow.svg) no-repeat center/100% auto}.scrolltopDetail.del{top:-150px;opacity:0}.footer{background-color:#a56445}.footer__hd{padding:70px 0}@media screen and (max-width: 767px){.footer__hd{padding:30px 0 30px 0}}.footer__hd .footer__body{padding:0 4%}@media screen and (max-width: 767px){.footer__hd .footer__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__hd .logo{max-width:160px}@media screen and (max-width: 767px){.footer__hd .logo{max-width:120px}}.footer__hd .awardUnit{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;margin:0 -20px 0 0}@media screen and (max-width: 767px){.footer__hd .awardUnit{width:calc(100% + 30px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 -15px -15px -15px}}.footer__hd .awardUnit__item{width:160px;height:160px;margin:20px;font-size:0}@media screen and (max-width: 767px){.footer__hd .awardUnit__item{width:calc((100% / 3) - 30px);height:auto;padding-bottom:calc((100% / 3) - 30px);margin:15px}}.footer__hd .awardUnit__item.award-1{background-color:#fff;-webkit-mask:url(../images/award-1.svg) no-repeat center/100% auto;mask:url(../images/award-1.svg) no-repeat center/100% auto}.footer__hd .awardUnit__item.award-2{background-color:#fff;-webkit-mask:url(../images/award-2.svg) no-repeat center/100% auto;mask:url(../images/award-2.svg) no-repeat center/100% auto}.footer__hd .awardUnit__item.award-3{background-color:#fff;-webkit-mask:url(../images/award-3.svg) no-repeat center/100% auto;mask:url(../images/award-3.svg) no-repeat center/100% auto}.footer__bd{padding:30px 0;border-top:1px #c0937d solid}.footer__bd .footer__body{padding:0 4%}@media screen and (max-width: 767px){.footer__bd .footer__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__copyright{font-size:13px;font-size:.8125rem;color:#fff}.footer__partner{font-size:13px;font-size:.8125rem;color:#fff}@media screen and (max-width: 767px){.footer__partner{margin:5px 0 0 0}}.kvUnit{position:relative;overflow:hidden}.kvUnit.start::before{top:-100%}.kvUnit::before{position:absolute;top:0;right:0;left:0;height:100%;-webkit-transition:top .6s ease-in-out;transition:top .6s ease-in-out;background-color:#a56445;content:"";z-index:2}.kvUnit__link{position:relative;width:100%;padding-bottom:56%;overflow:hidden}.kvUnit__link::after{position:absolute;top:0;right:0;bottom:0;left:0;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:101%;content:"";background:url(../images/banner_line.png) no-repeat center/100% auto;z-index:1}@media screen and (max-width: 767px){.kvUnit__link::after{width:180%;-webkit-transform:translate(-60%, -50%);transform:translate(-60%, -50%)}}@media screen and (max-width: 767px){.kvUnit__link{padding-bottom:109%}}.kvUnit__link img{position:absolute;top:0;right:0;bottom:0;left:0;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:101%;max-width:inherit;max-width:initial}@media screen and (max-width: 767px){.kvUnit__link img{max-width:inherit;max-width:initial;width:180%;-webkit-transform:translate(-60%, -50%);transform:translate(-60%, -50%)}}.articleUnit{position:relative;overflow:hidden}.articleUnit__body{position:relative;padding:70px 4% 40px 4%}@media screen and (max-width: 767px){.articleUnit__body{padding:30px 20px 30px 20px}}.articleUnit__link{position:relative;width:100%;padding-bottom:60%;overflow:hidden}.articleUnit__link img{position:absolute;top:0;right:0;bottom:0;left:0;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.articleUnit__desc{font-size:20px;font-size:1.25rem;font-weight:bold;margin:0 0 140px 0}@media screen and (max-width: 1366px){.articleUnit__desc{margin:0 0 10vw 0}}@media screen and (max-width: 767px){.articleUnit__desc{margin:0 0 40px 0;font-size:13px;font-size:.8125rem}}.articleUnit__text{width:66%;font-size:37px;font-size:2.3125rem;line-height:1.4;font-weight:bold}@media screen and (max-width: 1366px){.articleUnit__text{font-size:2.7vw}}@media screen and (max-width: 767px){.articleUnit__text{width:auto;font-size:18px;font-size:1.125rem}}.articleUnit__btn{margin:80px 0 0 0}@media screen and (max-width: 1366px){.articleUnit__btn{margin:8vw 0 0 0}}@media screen and (max-width: 767px){.articleUnit__btn{margin:30px 0 0 0}}.articleUnit__btn .button::after{position:absolute;top:50%;right:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:22px;height:22px;content:"";background-color:#fff;-webkit-mask:url(../images/icon-line.svg) no-repeat center/100% auto;mask:url(../images/icon-line.svg) no-repeat center/100% auto}.articleUnit .iconwcc{position:absolute;top:0;right:-15%;width:50%}@media screen and (max-width: 767px){.articleUnit .iconwcc{position:relative;top:auto;right:auto;width:calc(100% + 40px);margin:-10px -20px -20% -20px}}@media screen and (max-width: 767px){.articleUnit .iconwcc img{width:100%}}.articleUnit .awardUnit{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;margin:40px 0 0 0}@media screen and (max-width: 1366px){.articleUnit .awardUnit{margin:4vw 0 0 0}}@media screen and (max-width: 767px){.articleUnit .awardUnit{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px -15px -15px -15px}}.articleUnit .awardUnit__item{width:140px;height:140px;margin:20px;font-size:0}@media screen and (max-width: 767px){.articleUnit .awardUnit__item{width:calc((100% / 3) - 30px);height:auto;padding-bottom:calc((100% / 3) - 30px);margin:15px}}.articleUnit .awardUnit__item.award-1{background-color:#4b6276;-webkit-mask:url(../images/award-1.svg) no-repeat center/100% auto;mask:url(../images/award-1.svg) no-repeat center/100% auto}.articleUnit .awardUnit__item.award-2{background-color:#4b6276;-webkit-mask:url(../images/award-2.svg) no-repeat center/100% auto;mask:url(../images/award-2.svg) no-repeat center/100% auto}.articleUnit .awardUnit__item.award-3{background-color:#4b6276;-webkit-mask:url(../images/award-3.svg) no-repeat center/100% auto;mask:url(../images/award-3.svg) no-repeat center/100% auto}.productUnit{position:relative;background-color:#ededed;overflow:hidden}.productUnit__body{position:relative;padding:70px 4% 170px 4%}@media screen and (max-width: 1366px){.productUnit__body{padding:70px 4% 120px 4%}}@media screen and (max-width: 767px){.productUnit__body{padding:30px 20px 40px 20px}}.productUnit__desc{font-size:20px;font-size:1.25rem;font-weight:bold;margin:0 0 120px 0}@media screen and (max-width: 1366px){.productUnit__desc{margin:0 0 10vw 0}}@media screen and (max-width: 767px){.productUnit__desc{margin:0 0 40px 0;font-size:13px;font-size:.8125rem}}.productUnit__title{font-size:37px;font-size:2.3125rem;font-weight:bold}@media screen and (max-width: 767px){.productUnit__title{font-size:18px;font-size:1.125rem}}.productUnit__btn{position:relative;margin:40px 0 0 0}@media screen and (max-width: 1024px){.productUnit__btn{margin:30px 0 0 0;width:calc(100% - 400px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 767px){.productUnit__btn{width:100%;margin:20px 0 0 0}}.productUnit__btn::after{content:"";position:absolute;top:0;left:-6%;width:300px;height:50px;background-color:#ededed;z-index:1}@media screen and (max-width: 1024px){.productUnit__btn::after{display:none}}.productUnit__btn .button{position:relative;z-index:2}@media screen and (max-width: 1024px){.productUnit__btn .button{min-width:inherit;min-width:initial;width:50%;padding:0 15px}}.productUnit .detailUnit{font-size:0;width:calc(100% - 500px);margin:20px -15px 0 -15px}@media screen and (max-width: 1366px){.productUnit .detailUnit{width:calc(100% - 400px);margin:20px -1vw 0 -1vw}}@media screen and (max-width: 1024px){.productUnit .detailUnit{width:calc(100% - 360px)}}@media screen and (max-width: 767px){.productUnit .detailUnit{width:auto;margin:20px -10px 0 -10px}}.productUnit .detailUnit__item{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:30px 15px}@media screen and (max-width: 1366px){.productUnit .detailUnit__item{margin:2vw 1vw}}@media screen and (max-width: 767px){.productUnit .detailUnit__item{width:calc(50% - 20px);margin:20px 10px}}.productUnit .detailUnit__hd{font-size:37px;font-size:2.3125rem;font-weight:bold}@media screen and (max-width: 1366px){.productUnit .detailUnit__hd{font-size:2.8vw}}@media screen and (max-width: 767px){.productUnit .detailUnit__hd{font-size:18px;font-size:1.125rem}}.productUnit .detailUnit__bd{font-size:16px;font-size:1rem}@media screen and (max-width: 1366px){.productUnit .detailUnit__bd{font-size:1.2vw}}@media screen and (max-width: 767px){.productUnit .detailUnit__bd{font-size:13px;font-size:.8125rem}}.productUnit .detailUnit__bd span{padding:10px 0 0 0}.productUnit .icon7FC{position:absolute;top:80px;right:0;max-width:672px}@media screen and (max-width: 1366px){.productUnit .icon7FC{top:auto;bottom:-55px;max-width:420px}}@media screen and (max-width: 767px){.productUnit .icon7FC{position:relative;top:auto;bottom:auto;width:60%;padding-bottom:104%;margin:20px auto 0 auto}}@media screen and (max-width: 767px){.productUnit .icon7FC img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%}}.productUnit__line{position:absolute;top:80px;right:0;width:1920px;height:1165px;content:"";background:url(../images/line3.png) no-repeat center right/1920px auto}@media screen and (max-width: 1366px){.productUnit__line{top:auto;bottom:-55px;width:1200px;height:728px;background:url(../images/line3.png) no-repeat center right/100% auto}}@media screen and (max-width: 1024px){.productUnit__line{display:none}}