@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500&display=swap");@font-face{font-family:'GothamBook';font-weight:normal;src:url("./font/GothamBookFont.woff") format("woff"),url("./font/GothamBookFont.TTF") format("truetype")}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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0;border:0;background-color:rgba(0,0,0,0)}.card .card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0;background-color:rgba(0,0,0,0)}.card .card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align: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,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:-webkit-box;display:-ms-flexbox;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:-webkit-box;display:-ms-flexbox;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%;-webkit-transform:translate(0%, 10%) !important;transform:translate(0%, 10%) !important}.modal.fade.show .modal-centered{top:0%;-webkit-transform:translate(0, 0%) !important;transform:translate(0, 0%) !important}.closeBtn{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:4em;height:4em;pointer-events:auto;cursor:pointer;top:0em;right:0em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:200}.closeBtn img{width:50%;height:auto}.closeBtn:hover{opacity:0.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:0.3em solid rgba(255,255,255,0.2);border-right:0.3em solid rgba(255,255,255,0.2);border-bottom:0.3em solid rgba(255,255,255,0.2);border-left:0.3em solid #ffffff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);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:300;font-style:normal;letter-spacing:0.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:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loading .bg{height:100%;background-color:rgba(10,10,10,0.9)}#loading .prograssTxt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:auto;margin:7em 0 0 0;font-size:0.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:100vw}}nav.navi{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:4em;margin:0;padding:0 2%;top:0;left:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;background-color:rgba(255,255,255,0);z-index:500}nav.navi .logo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .logo img{width:auto;height:40%}nav.navi .logo .black{display:none}nav.navi .logo .white{display:-webkit-box;display:-ms-flexbox;display:flex}nav.navi #toggleBtn{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:4em;height:4em;right:1%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi #toggleBtn i{font-size:2.3em;color:#FFF}@media only screen and (max-width: 992px){nav.navi{width:100vw;height:10vw}nav.navi .logo{height:10vw}nav.navi ul.menu{display:none}nav.navi #toggleBtn{width:10vw;height:10vw}nav.navi #toggleBtn i{font-size:1.8em;color:#FFF}}nav.navi.zoomout{height:3em;background-color:#fff}nav.navi.zoomout .logo .black{display:-webkit-box;display:-ms-flexbox;display:flex}nav.navi.zoomout .logo .white{display:none}nav.navi.zoomout #toggleBtn{width:3em;height:3em}nav.navi.zoomout #toggleBtn i{color:#333}@media only screen and (max-width: 992px){nav.navi.zoomout{height:10vw}nav.navi.zoomout #toggleBtn{width:10vw;height:10vw}}footer{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:0;color:#FFF;z-index:1000;background-color:#313131}footer .copyright{position:relative;display:block;width:100%;padding:1em 0;text-align:center;border-top:1px #999 solid}footer .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;height:auto;margin:0 auto;padding:3em 0 1em 0}footer .box ul.info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;padding:0}footer .box ul.info li{margin:0 0 0em 0}footer .box ul.info li .logo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:12em;height:auto;margin:0 0 0.5em 0}footer .box ul.info li a{color:#FFF}footer .box .socialBox{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .box .socialBox ul.social{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 2em 0 0}footer .box .socialBox ul.social li{line-height:100%;padding:0.5em 0;margin:0 0 0.5em 0}footer .box .socialBox ul.social li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#FFF}footer .box .socialBox ul.social li a:hover{opacity:0.5;text-decoration:none}footer .box .socialBox ul.social li a p{display:-webkit-box;display:-ms-flexbox;display:flex}footer .box .socialBox ul.social li a i{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.7em;margin:0 0.3em 0 0}footer .box .socialBox .qrcode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}footer .box .socialBox .qrcode p{display:-webkit-box;display:-ms-flexbox;display:flex;width:1em;margin:0 0.5em 0 0;line-height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}footer .box .socialBox .qrcode .pic{display:-webkit-box;display:-ms-flexbox;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer .box ul.info{margin:0 0 2em 0;text-align:center}footer .box ul.info li{margin:0 0 0em 0}footer .box ul.info li .logo{width:40%;margin:0em auto 0.5em auto}footer .box .socialBox{position:relative;right:0}footer .box .socialBox .qrcode{position:absolute;right:0}footer .copyright{font-size:0.8em}}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}section .content{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}section .content .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;margin:0 auto;padding:0}@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:400}h1{font-size:3em;line-height:110%;margin:0 0 0.5em 0}h2{font-size:1.6em;line-height:110%;margin:0 0 0.5em 0}h3{font-size:1.2em;line-height:150%}h4{font-size:1.4em;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:1.2em;line-height:180%}.commit{font-size:0.8em;line-height:180%}@media only screen and (max-width: 992px){h3{font-size:1.1em}}.borderTxt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding:0.3em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px #333 solid}ul.conLine{padding:0;list-style:none}ul.conLine li{position:relative;display:block;margin:0 0 2em 0}ul.conLine li h3{line-height:160%;margin:0em 0}ul.conLine li::before{position:absolute;display:block;width:1px;height:84%;content:"";top:8%}ul.conLine.L li{padding:0 0 0 1em}ul.conLine.L li::before{left:0;border-left:4px #333 solid}ul.conLine.R li{padding:0 1em 0 0}ul.conLine.R li::before{right:0;border-right:4px #333 solid}hr{width:100%;border:0;border-top:2px #333 solid}.orange{color:#e6897b}.tipBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:2em 0 0 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tipBox .tip{display:-webkit-box;display:-ms-flexbox;display:flex;width:18em}#homeArea{z-index:100}#homeArea .content .box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#homeArea .content .box .ihope,#homeArea .content .box .pro{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:30%}#homeArea .content .box .ihope img,#homeArea .content .box .pro img{width:auto;height:100%}#homeArea .content .box .ihope{margin:0 1em 0 0}#homeArea .content .box .pro{margin:0 30% 0 0}@media only screen and (max-width: 992px){#homeArea{height:200vw}#homeArea .content .box{height:100vw;padding:7vw}#homeArea .content .box .ihope,#homeArea .content .box .pro{height:25vw}#homeArea .content .box .ihope{margin:0 1em 0 7vw}#homeArea .content .box .pro{margin:0 10% 0 0}}#pro1Area{overflow:hidden;background-color:#e1e3e2}#pro1Area .bg{-webkit-transform-origin:50% 0;transform-origin:50% 0}#pro1Area .content .box .card.info{margin:15% 0 0 53%}#pro1Area .content .box .card.info .card-header h1{width:85%}#pro1Area .content .box .card.info .card-body h4{margin:0 0 0.5em 0}#pro1Area .content .box .card.info .card-body .tipBox{margin:4em 0 0 0}@media only screen and (max-width: 992px){#pro1Area .content .box{width:86vw}#pro1Area .content .box .card.info{margin:110vw 0 12vw 0}#pro1Area .content .box .card.info .card-header h1{width:70%}#pro1Area .content .box .card.info .card-body h4{margin:0 0 2vw 0}}#info1Area{overflow:visible;z-index:100}#info1Area .content .box{width:80%;height:auto;padding:3% 0 10% 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#info1Area .content .box .card.feature{width:45%}#info1Area .content .box .card.skin{width:50%}#info1Area .content .box .card.skin .card-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 1em 0}#info1Area .content .box .card.skin .card-header .borderTxt{width:4em}#info1Area .content .box .card.skin .card-body .skinBox{position:relative;display:block}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;top:0;list-style:none}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:5%;height:auto;opacity:0}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w1{top:5%;left:5%;-webkit-animation:fall 1s 0.1s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 0.1s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w2{top:10%;left:24%;-webkit-animation:fall 1s 0.5s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 0.5s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w3{top:5%;left:40%;-webkit-animation:fall 1s 1.1s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 1.1s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w4{top:8%;left:60%;-webkit-animation:fall 1s 0.3s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 0.3s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w5{top:10%;left:75%;-webkit-animation:fall 1s 0.8s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 0.8s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .skin ul.water li.w6{top:3%;left:90%;-webkit-animation:fall 1s 0.2s infinite cubic-bezier(0, 0, 0.58, 1);animation:fall 1s 0.2s infinite cubic-bezier(0, 0, 0.58, 1)}#info1Area .content .box .card.skin .card-body .skinBox .ltxt{position:absolute;display:block;width:auto;height:60%;margin:0 0 0 -17%}#info1Area .content .box .card.skin .card-body .skinBox .ltxt img{width:auto;height:100%}#info1Area .content .box .card.skin .card-body .skinBox p{position:absolute;text-align:right;font-size:0.9em}#info1Area .content .box .card.skin .card-body .skinBox ul.txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:1.5em 0}#info1Area .content .box .card.skin .card-body .skinBox ul.txt li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0.3em 0}#info1Area .content .box .card.skin .card-body .skinBox ul.txt li img{width:2em;height:auto;margin:0 0.5em 0 0}#info1Area .content .box .card.skin .card-body h3{margin:0 0 0.5em 0;white-space:nowrap}@media only screen and (max-width: 992px){#info1Area .content .box{width:86vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:3vw 0 10vw 0}#info1Area .content .box .card.feature{width:100%}#info1Area .content .box .card.skin{width:100%}#info1Area .content .box .card.skin .card-body .skinBox{width:90%;left:10%}#info1Area .content .box .card.skin .card-body .skinBox .ltxt{height:23vw;margin:0 0 0 -12vw}#info1Area .content .box .card.skin .card-body .skinBox ul.txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:1em 0}#info1Area .content .box .card.skin .card-body .skinBox ul.txt li{width:43%;margin:0 0 0.3em 0;font-size:0.8em}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}50%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0%, 130%, 0);transform:translate3d(0%, 130%, 0)}}@keyframes fall{0%{opacity:0;-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}50%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0%, 130%, 0);transform:translate3d(0%, 130%, 0)}}#pro2Area{z-index:200}#pro2Area .content .box{width:80%;padding:3% 0 15% 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#pro2Area .content .box h1{width:65%}#pro2Area .content .box .row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#pro2Area .content .box .row .pro{position:absolute;width:20%;margin:2em 0 0 40%;z-index:150}#pro2Area .content .box .row .card.info{width:35%}#pro2Area .content .box .row .card.info .card-footer{padding:0 0 15% 0}#pro2Area .content .box .row .card.info .card-footer h3{margin:0 0 0.5em 0}#pro2Area .content .box .row .card.feature{width:35%;margin:10% 0 0 3%;z-index:50}#pro2Area .content .box .row .card.feature .card-body .commit{margin:-2em 0 2.5em 1.3em}#pro2Area .content .box .row .card.feature .card-body .seemoreBtn a h2{line-height:100%;text-align:center;margin:0;padding:0.6em 0;color:#333;border-bottom:3px #333 solid}#pro2Area .content .box .row .card.feature .card-body .seemoreBtn a:hover{text-decoration:none;opacity:0.5}@media only screen and (max-width: 992px){#pro2Area .content .box{width:86vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10vw 0 10vw 0}#pro2Area .content .box .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#pro2Area .content .box .row .pro{position:relative;width:40%;margin:0% 0 10% 30%}#pro2Area .content .box .row .card.info{width:80%}#pro2Area .content .box .row .card.info .card-body h1{width:85%}#pro2Area .content .box .row .card.info .card-footer{padding:10% 0 7vw 0}#pro2Area .content .box .row .card.feature{width:100%;margin:0% 0 0 0%}#pro2Area .content .box .row .card.feature .card-body .seemoreBtn{width:10.5em;margin:0 0 0 50vw}}#pro3Area{overflow:visible;background-color:#FFF}#pro3Area .content .box{width:80%;padding:10% 0 5% 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#pro3Area .content .box .card.spec{width:50%}#pro3Area .content .box .card.spec .card-body h3{margin:2em 0 0.5em 0}#pro3Area .content .box .card.spec .card-footer{padding:10% 0 0 0}#pro3Area .content .box .card.info{width:45%;margin:10% 0 0 5%}#pro3Area .content .box .card.info .card-body{margin:0 0 4em 0}#pro3Area .content .box .card.info .card-body h2,#pro3Area .content .box .card.info .card-body h3,#pro3Area .content .box .card.info .card-body p{text-align:right}#pro3Area .content .box .card.info .card-footer .conLine{width:100%;text-align:right}@media only screen and (max-width: 992px){#pro3Area .bg{margin:10vw 0}#pro3Area .content .box{width:86vw;height:310vw;padding:10vw 0 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#pro3Area .content .box .card.spec{width:100%}#pro3Area .content .box .card.spec .card-body .pro{margin:0% 0 110vw 0}#pro3Area .content .box .card.info{width:90%;margin:-230vw 0 0 10%}#pro3Area .content .box .card.info .card-header{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#pro3Area .content .box .card.info .card-header h1{width:80%}}.specBox{width:70%;padding:3em;border-radius:0 5em 0 5em;background:#ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), to(#fdd3ca));background:linear-gradient(to bottom, #fff 10%, #fdd3ca 100%);border:3px #edc1b8 solid;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.specBox h3,.specBox p{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.specBox p{font-size:0.92em;margin:0.5em 0 0 0}.specBox .x{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:2.5em;margin:2em auto}@media only screen and (min-width: 1200px) and (max-width: 1500px){.specBox{width:100%}}@media only screen and (min-width: 992px) and (max-width: 1200px){.specBox{width:100%;padding:1em}}@media only screen and (max-width: 992px){.specBox{width:100%;padding:2em}}#cfaArea{background-color:#FFF}#cfaArea .content .box .cfaBtn{width:30%;margin:5% auto 10% auto;padding:1.5em 0;color:#FFF;background-color:#313131}#cfaArea .content .box .cfaBtn h2{line-height:100%;text-align:center;margin:0}#cfaArea .content .box .cfaBtn:hover{text-decoration:none;background-color:#AAA}@media only screen and (max-width: 992px){#cfaArea .content .box{width:86vw;margin:12vw auto}#cfaArea .content .box .cfaBtn{width:100%}}#menuModal{background-color:rgba(0,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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menuModal .modal-dialog .modal-content .modal-body ul.menu{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;pointer-events:auto;cursor:pointer;padding:1.5em 0;color:#FFF;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:2px rgba(255,255,255,0.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,0.3) solid}@media only screen and (max-width: 992px){#menuModal .modal-dialog .modal-content .modal-body{width:80%}}
/*# sourceMappingURL=layout.css.map */