@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap";wr{display:block}nr{display:inline}sr{display:inline}@media only screen and (min-width: 1200px)and (max-width: 1500px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (min-width: 992px)and (max-width: 1200px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (max-width: 992px){wr{display:inline}nr{display:inline}sr{display:block}}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,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}article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}ol,ul{padding:0 0 0 1.5em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#log{position:fixed;width:500px;height:300px;z-index:3000;background:#fff;color:#000}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto}br.clear{clear:both}.hide{display:none}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-sm{padding:0px}.card{display:flex;flex-direction:column;height:auto;padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.card .card-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;border:0;background-color:rgba(0,0,0,0)}.card .card-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;background-color:rgba(0,0,0,0)}.card .card-footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;border:0;background-color:rgba(0,0,0,0)}.accordion{width:100%;height:auto;background-color:rgba(0,0,0,0)}.accordion .card{padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.accordion .card .card-header{padding:0;border:0;outline:none;background-color:rgba(0,0,0,0)}.accordion .card .card-header button{width:100%;padding:0 1.5em;margin:-2px 0;outline:none;border:0;text-align:left;background-color:rgba(0,0,0,0)}.accordion .card .card-header button h2{outline:none}.accordion .card .card-header button:hover{text-decoration:none}.modal{width:100vw;max-width:100vw;min-width:100vw;height:100vh;padding:0;margin:0;z-index:12000;background-color:rgba(0,0,0,.8)}.modal .modal-dialog{position:relative;display:block;width:100vw;max-width:100vw;min-width:0%;height:100%;padding:0;margin:0;pointer-events:none;background-color:rgba(255,255,255,0)}.modal .modal-dialog .modal-content{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;background-color:rgba(255,255,255,0);padding:0;margin:0;overflow:hidden;pointer-events:none}.modal .modal-dialog .modal-content .modal-body{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;padding:0;margin:0 auto;border:0px;border-radius:0px;pointer-events:none;background-color:rgba(255,255,255,0)}@media only screen and (max-width: 992px){.modal{width:100vw;max-width:100vw}.modal .modal-dialog{width:100vw;max-width:100vw}}.modal-centered{top:0%;transform:translate(0%, 10%) !important}.modal.fade.show .modal-centered{top:0%;transform:translate(0, 0%) !important}.closeBtn{position:absolute;display:flex;width:4em;height:4em;pointer-events:auto;cursor:pointer;top:0em;right:0em;justify-content:center;align-items:center;flex-direction:row;z-index:200}.closeBtn img{width:50%;height:auto}.closeBtn:hover{opacity:.5}@media only screen and (max-width: 992px){.closeBtn{width:8vw;height:8vw}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{position:absolute;display:block;top:calc(50% - 1em);left:calc(50% - 1em);margin:0;border-top:.3em solid rgba(255,255,255,.2);border-right:.3em solid rgba(255,255,255,.2);border-bottom:.3em solid rgba(255,255,255,.2);border-left:.3em solid #fff;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:auto;overflow-x:hidden;font-size:14pt;font-family:"Noto Sans TC",serif;font-weight:400;font-style:normal;letter-spacing:.1em;color:#333;background-color:#fff}@media only screen and (min-width: 1200px)and (max-width: 1500px){body{font-size:13pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:12pt}}@media only screen and (max-width: 992px){body{font-size:3vw}}#loading{position:fixed;display:flex;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto;justify-content:center;align-items:center}#loading .bg{height:100%;background-color:rgba(10,10,10,.9)}#loading .prograssTxt{position:relative;display:flex;width:auto;height:auto;margin:7em 0 0 0;font-size:.5em}header{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10000;pointer-events:none}@media only screen and (max-width: 992px){header{width:100vw;height:100vh}}.topBtn{position:absolute;display:flex;width:3em;height:3em;flex-direction:column;justify-content:center;align-items:center;z-index:300;right:1%;bottom:1%;pointer-events:auto;cursor:pointer;transition:all .5s ease-out;background-color:#999}.topBtn .arrow{position:relative;display:flex;width:1.5em;height:1em;margin:0}.topBtn p{position:relative;display:flex;width:auto;font-size:.7em;line-height:100%;color:#fff}.topBtn:hover{opacity:.5}.topBtn.bot{bottom:16em}.topBtn.hide{bottom:-10em}@media only screen and (max-width: 992px){.topBtn{width:10vw;height:10vw;bottom:14vw}.topBtn.bot{bottom:72vw}}nav.navi{position:absolute;display:flex;width:100vw;height:4em;margin:0;padding:0 2%;top:0;left:0;flex-direction:row;justify-content:space-between;align-items:center;transition:all .2s ease-out;z-index:500;background-color:#fff}nav.navi .logo{position:relative;display:flex;width:auto;height:100%;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .logo img{width:auto;height:40%}nav.navi #topr{position:relative;display:flex;width:auto;height:2em;pointer-events:auto}nav.navi #topr .btn,nav.navi #topr .btn:link{color:#000;font-size:1em;line-height:120%;border-radius:0;margin-left:.5em}nav.navi #topr .btn-group .btn.dropdown-toggle{font-size:1em;border-radius:0;align-items:center;padding:0 1.4em 0 0;background-color:rgba(0,0,0,0)}nav.navi #topr .btn-group .btn.dropdown-toggle::after{display:none}nav.navi #topr .btn-group .btn.dropdown-toggle i{position:absolute;display:flex;width:1em;height:.8em;top:.5em;right:0;background-repeat:no-repeat;background-image:url(../img/arrow_down.svg);background-size:contain}nav.navi #topr .btn-group .dropdown-menu{padding:0em;margin-right:7vw;border-radius:0}nav.navi #topr .btn-group .dropdown-menu a{padding:.5em 1em;text-align:right}nav.navi #toggleBtn{position:absolute;display:none;width:4em;height:4em;right:1%;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi #toggleBtn i{font-size:2.3em}@media only screen and (max-width: 992px){nav.navi{width:100vw;height:10vw}nav.navi .logo{height:10vw}nav.navi #topr{display:none}nav.navi #toggleBtn{display:flex;width:10vw;height:10vw}nav.navi #toggleBtn i{font-size:1.8em}}nav.navi.zoomout{height:3em}@media only screen and (max-width: 992px){nav.navi.zoomout{height:10vw}nav.navi.zoomout #toggleBtn{display:flex;width:10vw;height:10vw}}footer{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:0;color:#fff;z-index:1000;background-color:#616a88}footer .copyright{position:relative;display:block;width:100%;padding:1em 0;font-weight:300;text-align:center;border-top:1px #999 solid}footer .box{position:relative;display:flex;width:80%;height:auto;margin:0 auto;padding:3em 0 1em 0}footer .box ul.info{position:relative;display:flex;flex-direction:column;list-style:none;padding:0;font-weight:300}footer .box ul.info li{margin:0 0 0em 0}footer .box ul.info li .logo{position:relative;display:flex;width:12em;height:auto;margin:0 0 .5em 0}footer .box ul.info li a{color:#fff}footer .box .socialBox{position:absolute;display:flex;right:0;flex-direction:row}footer .box .socialBox ul.social{display:flex;list-style:none;flex-direction:column;padding:0;margin:0 2em 0 0}footer .box .socialBox ul.social li{line-height:100%;padding:.5em 0;margin:0 0 .5em 0}footer .box .socialBox ul.social li a{display:flex;flex-direction:row;align-items:center;color:#fff}footer .box .socialBox ul.social li a:hover{opacity:.5;text-decoration:none}footer .box .socialBox ul.social li a p{display:flex}footer .box .socialBox ul.social li a i{display:flex;font-size:1.7em;margin:0 .3em 0 0}footer .box .socialBox .qrcode{display:flex;flex-direction:row;justify-content:flex-start}footer .box .socialBox .qrcode p{display:flex;width:1em;margin:-0.5em .5em 0 0;padding:0;font-size:.95em;font-weight:300;line-height:100%;justify-content:center;align-items:center}footer .box .socialBox .qrcode .pic{display:flex;width:7em;height:7em}@media only screen and (min-width: 1200px)and (max-width: 1500px){footer .box{width:90%;max-width:90%}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .box{width:90%;max-width:90%}}@media only screen and (max-width: 992px){footer .box{width:86vw;max-width:86vw;flex-direction:column}footer .box ul.info{margin:0 0 2em 0}footer .box ul.info li{margin:0 0 0em 0}footer .box ul.info li .logo{width:40%}footer .box .socialBox{position:relative;right:0}footer .box .socialBox .qrcode{position:absolute;right:0;flex-direction:column}footer .box .socialBox .qrcode p{width:100%;margin:0 0 .5em 0}footer .copyright{font-size:.8em;margin:1em 0 0 0}}main{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;z-index:1;overflow:hidden}@media only screen and (max-width: 992px){main{width:100vw}}section{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;z-index:100;pointer-events:auto;overflow:hidden}section .content{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}section .content .box{position:relative;display:flex;width:100%;height:auto;max-width:1400px;margin:0 auto;padding:0;justify-content:center;flex-direction:column}@media only screen and (min-width: 1200px)and (max-width: 1500px){section .content .box{max-width:1200px}}@media only screen and (min-width: 992px)and (max-width: 1200px){section .content .box{max-width:900px}}@media only screen and (max-width: 992px){section .content .box{width:100vw;max-width:100vw}}section.bgH .bg{position:relative;height:auto}section.bgH .content{position:absolute;height:100%;top:0}section.bgH .content .box{height:100%}@media only screen and (max-width: 992px){section.bgH .bg{position:absolute}section.bgH .content{position:relative;height:auto;top:0}section.bgH .content .box{height:auto}}.bg{position:absolute;display:block;width:100%;height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.trigger{position:absolute;display:block;color:#fff;background-color:#f22;z-index:500;opacity:0}h1,h2,h3,h4,h5,h6,.commit,p{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;font-weight:300}h1{height:1.1em;margin-bottom:.5em}h1 img{width:auto;height:100%}h2{font-size:1.6em;line-height:150%;letter-spacing:.2em}h3{font-size:1.1em;line-height:150%}h4{font-size:1.1em;line-height:150%}h5{font-size:1.2em;line-height:150%}h6{font-size:1.1em;line-height:180%}.bold,b{font-weight:500}p{font-size:1em;line-height:180%}.commit{font-size:.8em;line-height:180%}@media only screen and (min-width: 992px)and (max-width: 1200px){h1{height:.8em}}@media only screen and (max-width: 992px){h1{width:100%;height:auto}h1 img{width:100%;height:auto}h3{font-size:1.1em}}.gray{color:gray}.ls0{letter-spacing:0}hr{position:relative;display:flex;width:100%;border:0;border-top:2px #727272 solid}#homeArea{z-index:100}#homeArea .content .box{justify-content:center;align-items:center}@media only screen and (max-width: 992px){#homeArea .content .box{height:199vw}}.card.info{width:100%;flex-direction:row;padding:5% 0}.card.info .card-header{width:30%;height:100%;justify-content:center;align-items:center}.card.info .card-body{width:70%;height:auto;padding:0;justify-content:center;align-items:flex-start}.card.info .card-body h2{margin:.2em 0}.card.info .card-body h4{width:auto;margin:1em 0;padding:1em 0;border-top:2px #727272 solid}@media only screen and (max-width: 992px){.card.info{flex-direction:column;padding:10vw 0 5vw 0}.card.info .card-header{width:100%;justify-content:center;align-items:center}.card.info .card-body{width:100%}.card.info .card-body h4{width:100%}}ul.color{position:relative;display:flex;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;margin:0;padding:0}ul.color li{position:relative;display:flex;width:50%;height:auto;padding:1.5em 0;flex-direction:row;justify-content:center;align-items:flex-end}ul.color li .pic{width:30%}ul.color li .desc{width:70%;padding-left:1em}ul.color li .desc .limit{position:absolute;display:flex;width:auto;left:30%;margin-left:11em;font-size:.8em;justify-content:center;padding:.2em 1em;color:#fff;background-color:#000}ul.color li .paint{position:absolute;display:flex;width:30%;bottom:3.5em;left:60%}ul.color li .paint.p2{left:66%}@media only screen and (min-width: 992px)and (max-width: 1200px){ul.color li .paint{width:25%;left:68%}ul.color li .paint.p2{left:75%}}@media only screen and (max-width: 992px){ul.color{flex-direction:column}ul.color li{width:100%}}#pro1Area{background-color:#f5f5f5}#pro1Area .content .box .card.info .card-body{padding-top:7%}#pro1Area .content .box .card.info .card-body ul.color li .desc{padding-left:.5em}@media only screen and (max-width: 992px){#pro1Area .content .box{width:86vw}#pro1Area .content .box .card.info{flex-direction:column}}#pro2Area{z-index:200}#pro2Area .content .box .card.info{flex-direction:row-reverse}@media only screen and (max-width: 992px){#pro2Area .content .box{width:86vw}#pro2Area .content .box .card.info{flex-direction:column}#pro2Area .content .box .card.info .card-body{padding-top:7%}}#pro3Area{background-color:#f5f5f5}#pro3Area .content .box .card.info .card-header{width:40%}#pro3Area .content .box .card.info .card-body{width:60%}#pro3Area .content .box .card.info .card-body h4{width:70%}@media only screen and (min-width: 992px)and (max-width: 1200px){#pro3Area .content .box .card.info .card-header{width:50%}#pro3Area .content .box .card.info .card-body{width:50%}#pro3Area .content .box .card.info .card-body ul.color{width:150%}}@media only screen and (max-width: 992px){#pro3Area .content .box{width:86vw}#pro3Area .content .box .card.info .card-header{width:100%}#pro3Area .content .box .card.info .card-body{width:100%;padding-top:7%}#pro3Area .content .box .card.info .card-body h1{width:40%}#pro3Area .content .box .card.info .card-body h4{width:100%}#pro3Area .content .box .card.info .card-body ul.color{width:110%}}#pro4Area{margin-bottom:5%}#pro4Area .content .box{flex-direction:column}#pro4Area .content .box .card.info{flex-direction:row-reverse}#pro4Area .content .box .card.info .card-header{width:60%}#pro4Area .content .box .card.info .card-body{width:40%}#pro4Area .content .box .card.info .card-body h4{width:80%}#pro4Area .content .box ul.color{width:70%;margin-top:-10%}@media only screen and (max-width: 992px){#pro4Area .content .box{width:86vw}#pro4Area .content .box .card.info{flex-direction:column}#pro4Area .content .box .card.info .card-header{width:110%;margin-left:-5%}#pro4Area .content .box .card.info .card-body{width:100%;padding-top:7%}#pro4Area .content .box .card.info .card-body h1{width:65%}#pro4Area .content .box .card.info .card-body h4{width:100%}#pro4Area .content .box ul.color{width:100%;margin:-5% 0 5vw 0}}.cfaBox{position:relative;display:flex;width:100%;height:auto}.cfaBox .cfaBtn{position:relative;display:flex;width:25%;margin:0% auto 7% auto;padding:1.2em 0;color:#fff;background-color:#313131}.cfaBox .cfaBtn h2{line-height:100%;letter-spacing:.5em;text-align:center;margin:0}.cfaBox .cfaBtn:hover{text-decoration:none;background-color:#aaa}@media only screen and (max-width: 992px){.cfaBox .cfaBtn{width:100%;margin:0% auto 15vw auto}}#menuModal{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#menuModal .modal-dialog .modal-content{height:100%}#menuModal .modal-dialog .modal-content .modal-body{width:25%;margin:0 auto;padding:0;flex-direction:column;justify-content:center;align-items:center}#menuModal .modal-dialog .modal-content .modal-body ul.menu{position:relative;display:flex;width:100%;height:auto;flex-direction:column;margin:0;padding:0}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{position:relative;display:flex;width:100%;height:auto;pointer-events:auto;cursor:pointer;padding:1.5em 0;color:#fff;flex-direction:row;justify-content:center;border-bottom:2px rgba(255,255,255,.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li a{color:#fff}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:last-child{border-bottom:0px rgba(255,255,255,.3) solid}@media only screen and (max-width: 992px){#menuModal .modal-dialog .modal-content .modal-body{width:80%}}