@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700&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,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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}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}body.modal-open{padding-right:0 !important}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto;padding:0;margin:0;border:0;vertical-align:top}br.clear{clear:both}.hide{display:none}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-sm{padding:0px}.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;background-color:rgba(255,255,255,0);-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%}.closeBtn:hover{opacity:0.5}@media only screen and (max-width: 992px){.closeBtn{width:12vw;height:12vw}}.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)}}html{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:auto;overflow-x:hidden}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;font-size:14pt;font-family:'Noto Serif TC', serif;font-weight:400;font-style:normal;color:#FFF;background-color:#AAA}@media only screen and (min-width: 1200px) and (max-width: 1500px){body{font-size:12pt}}@media only screen and (min-width: 992px) and (max-width: 1200px){body{font-size:11pt}}@media only screen and (max-width: 992px){body{font-size:4vw}}#loading{position:fixed;display:block;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto}#loading .bg{height:100%;background-color:rgba(10,10,10,0.9)}header{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10000;pointer-events:none}nav.navi{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:3em;margin:0;padding:0;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:500}nav.navi .box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0}nav.navi .box #toggleBtn,nav.navi .box .logo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .box #toggleBtn a,nav.navi .box .logo a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%}nav.navi .box #toggleBtn img,nav.navi .box .logo img{width:auto;height:35%}nav.navi .box .logo img{height:45%}nav.navi .box #toggleBtn{width:3em;height:3em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav.navi .box #toggleBtn:hover{opacity:0.5}@media only screen and (max-width: 992px){nav.navi{height:8vw}nav.navi .box #toggleBtn{width:10vw;height:10vw}}footer .box,nav.navi .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;max-width:1400px;margin:0 auto;padding:0em 0 0 2em}@media only screen and (min-width: 1200px) and (max-width: 1500px){footer .box,nav.navi .box{max-width:100%}}@media only screen and (min-width: 992px) and (max-width: 1200px){footer .box,nav.navi .box{max-width:100%}}@media only screen and (max-width: 992px){footer .box,nav.navi .box{max-width:100vw;padding:0em 0 0 5vw}}.floatBox{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:4em;height:auto;z-index:1000;right:0;bottom:20%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.floatBox .floatBtn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:4em;height:4em;line-height:100%;color:#9a880a;pointer-events:auto;cursor:pointer;-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;overflow:hidden;background-color:#000}.floatBox .floatBtn .bg{position:absolute;background-size:cover}.floatBox .floatBtn .arrow,.floatBox .floatBtn p{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:0.8em}.floatBox .floatBtn:hover .bg{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.floatBox .floatBtn.switchBtn{color:#FFF;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.floatBox .floatBtn.switchBtn .arrow{display:none}.floatBox .floatBtn.switchBtn.gr .bg{background-image:url(../img/grBtn.png)}.floatBox .floatBtn.switchBtn.mc .bg{background-image:url(../img/mcBtn.png)}.floatBox .floatBtn.topBtn.gr .bg{background-image:url(../img/grTop.png)}.floatBox .floatBtn.topBtn.mc .bg{background-image:url(../img/mcTop.png)}.floatBox .floatBtn.topBtn .arrow{margin-top:0.5em;-webkit-animation:moveT 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);animation:moveT 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}.floatBox .floatBtn.topBtn p{font-size:1.05em}@media only screen and (max-width: 992px){.floatBox{width:100vw;bottom:0vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.floatBox .floatBtn{width:10vw;height:10vw}.floatBox .floatBtn.switchBtn{width:90vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.floatBox .floatBtn.switchBtn .arrow{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:0.5em;margin:0.5em;-webkit-animation:move 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);animation:move 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}.floatBox .floatBtn.switchBtn p{font-size:1em}.floatBox .floatBtn.switchBtn.gr .bg{background-image:url(../img/m/grBtn.png)}.floatBox .floatBtn.switchBtn.mc .bg{background-image:url(../img/m/mcBtn.png)}.floatBox .floatBtn.topBtn .arrow{width:1.5em}.floatBox .floatBtn.topBtn p{font-size:0.7em}}footer{position:relative;display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;color:#000;background-color:#99809f}footer .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;padding:2em}footer .box a,footer .box a:link{color:#000}footer .box .companyBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:7em;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-weight:700}footer .box .companyBox h2{margin:0 0 0.5em 0}footer .box .companyBox .company{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}footer .box .socialBox{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;height:7em;right:2em;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer .box .socialBox ul.social{position:relative;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.3em 0;margin:0 0 0em 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}footer .box .socialBox ul.social li a:hover{opacity:0.5;text-decoration:none}footer .box .socialBox ul.social li a span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0.5em 1em;border-radius:2em;font-size:0.8em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;font-family:Arial, Helvetica, sans-serif;background-color:#FFF}footer .box .socialBox ul.social li a img{display:-webkit-box;display:-ms-flexbox;display:flex;width:1.7em;margin:0 0.5em 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%;color:#FFF;-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 (max-width: 992px){footer .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer .box .companyBox{height:auto;margin-bottom:2em}footer .box .companyBox .company{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:0.9em}footer .box .socialBox{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 3em auto;right:0}}main{position:relative;display:block;width:100%;height:auto;min-height:100vh;margin:0;padding:0;z-index:1;overflow:visible}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:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;max-width:1400px;margin:0 auto;padding:0}@media only screen and (min-width: 1200px) and (max-width: 1500px){section .content .box{max-width:100%}}@media only screen and (min-width: 992px) and (max-width: 1200px){section .content .box{max-width:100%}}@media only screen and (max-width: 992px){section .content .box{max-width:100vw}}.bg{position:absolute;display:block;width:100%;height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.txtBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;padding:0em;z-index:100;pointer-events:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h1,h2,h3,h4,h5,p{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:hidden}h1{font-size:2.2em;line-height:110%;font-weight:500}h2{font-size:2.2em;line-height:110%}h3{font-size:1.4em;line-height:130%}h4{font-size:2em;line-height:110%}b{font-weight:700}.commit,p{font-size:1em;line-height:180%;font-weight:400}@media only screen and (max-width: 992px){h1{font-size:1.6em}h2{font-size:1.6em}h3{font-size:1.1em}h4{font-size:1.2em}}.txtBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;top:0;margin:0;padding:0 0 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cfaBtn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:24em;height:auto;margin:5em auto;-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}.cfaBtn .pic{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.cfaBtn h4{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible;padding:0 0 0 0;white-space:nowrap}.cfaBtn .arrow{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:1em;margin:0.1em 0 0 10em;-webkit-animation:move 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);animation:move 0.5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}@media only screen and (max-width: 992px){.cfaBtn{width:80%}.cfaBtn .pic{width:100%}.cfaBtn .arrow{width:0.6em}}@-webkit-keyframes move{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(30%, 0, 0);transform:translate3d(30%, 0, 0)}}@keyframes move{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(30%, 0, 0);transform:translate3d(30%, 0, 0)}}@-webkit-keyframes moveT{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0)}}@keyframes moveT{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0)}}section.home .bg{background-position:center bottom;background-image:url(../img/mcHome.jpg)}section.home .content .kv{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;top:0;z-index:100}section.home .content .kv .rosePic,section.home .content .kv .roseTxt,section.home .content .kv .rose{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:0}section.home .content .kv .rosePic img,section.home .content .kv .roseTxt img,section.home .content .kv .rose img{width:100%;height:auto}section.home .content .kv .rosePic{width:16%;right:0}section.home .content .kv .roseTxt{width:6em;right:0;margin:2em 2em 3em 2em}section.home .content .kv .rose.r1{width:9%;margin:0 0 15% 12%;z-index:10}section.home .content .kv .rose.r2{width:10%;margin:0 0 10% 22%;z-index:100}section.home .content .kv .rose.r3{width:8%;right:0;margin:0 15% 10% 0}section.home .content .box{z-index:50}section.home .content .box .txtBox{padding:7% 0 3% 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.home .content .box .txtBox .logo,section.home .content .box .txtBox .title,section.home .content .box .txtBox .special,section.home .content .box .txtBox .pro,section.home .content .box .txtBox .tiBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}section.home .content .box .txtBox .logo{margin:0% 0 0 0;width:38%}section.home .content .box .txtBox .title{margin:2em 0 0 0;width:26%}section.home .content .box .txtBox .special{margin:1em 0 0 40%;width:24%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.home .content .box .txtBox .special .s1{-webkit-filter:drop-shadow(0px 0px 3px #302c62);filter:drop-shadow(0px 0px 3px #302c62)}section.home .content .box .txtBox .special .s2{width:80%}section.home .content .box .txtBox .pro{margin:-4em 0 0 0%}section.home .content .box .txtBox .tiBox{width:auto;margin:-5em 0 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.home .content .box .txtBox .tiBox h3,section.home .content .box .txtBox .tiBox h1{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.home .content .box .txtBox .tiBox h3{padding:0.3em 0;margin:0 0 0.3em 0;border-bottom:2px rgba(255,255,255,0.5) solid}@media only screen and (max-width: 992px){section.home .bg{background-image:url(../img/m/mcHome.jpg)}section.home .content .kv .rosePic{width:20%;bottom:23vw}section.home .content .kv .roseTxt{width:4em;right:0;margin:2em 1em 25vw 2em}section.home .content .kv .rose.r1{width:20%;margin:0 0 37vw -5%}section.home .content .kv .rose.r2{width:16%;margin:0 0 30vw 5%}section.home .content .kv .rose.r3{width:15%;right:0;margin:0 15% 28vw 0}section.home .content .box{padding:7% 0}section.home .content .box .txtBox .logo{width:86%;margin:10vw auto 0 auto}section.home .content .box .txtBox .title{width:70%}section.home .content .box .txtBox .special{margin:3% 0 0 0%;width:55%}section.home .content .box .txtBox .pro{width:90%;margin:5% 0 0 0%}section.home .content .box .txtBox .tiBox{width:90%;margin:0em 0 0 0}}section.home.gr .bg{background-image:url(../img/grHome.jpg)}@media only screen and (max-width: 992px){section.home.gr .bg{background-image:url(../img/m/grHome.jpg)}}section.feature .bg{background-position:center bottom;background-image:url(../img/mcFeature.jpg)}section.feature .content .box{padding:7% 0 3% 0}section.feature .content .box .txtBox .tiBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.feature .content .box .txtBox .tiBox h2,section.feature .content .box .txtBox .tiBox h3{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0.5em 0;text-align:center}section.feature .content .box .txtBox .tiBox .final{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:15%;left:73%}section.feature .content .box .txtBox .tiBox .final .f1{-webkit-filter:drop-shadow(0px 0px 3px #f8f8f8);filter:drop-shadow(0px 0px 3px #f8f8f8)}section.feature .content .box .txtBox .tiBox .final .f2{position:absolute;-webkit-filter:drop-shadow(0px 0px 3px #000);filter:drop-shadow(0px 0px 3px #000)}section.feature .content .box .txtBox ul.feature{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;height:auto;-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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:3em auto;padding:0}section.feature .content .box .txtBox ul.feature li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:30%;height:auto;-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}section.feature .content .box .txtBox ul.feature li:nth-child(2){width:40%}section.feature .content .box .txtBox ul.feature li .pic{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:11em;height:11em;margin:0 auto 1em auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../img/mcDesh.svg)}section.feature .content .box .txtBox ul.feature li .pic h4{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0}section.feature .content .box .txtBox ul.feature li .pic h4.limit{font-size:1.5em}section.feature .content .box .txtBox ul.feature li h3{width:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0.1em 0.8em 0.2em 0.8em;margin:0 0 0.5em 0;border-radius:2em;background-color:rgba(248,248,248,0.3)}section.feature .content .box .txtBox ul.feature li p{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.feature .content .box .txtBox ul.feature li .row{-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}section.feature .content .box .txtBox ul.feature li .row .td{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;margin:0 1em 0 0}@media only screen and (max-width: 992px){section.feature .bg{background-image:url(../img/m/mcFeature.jpg)}section.feature .content .box{padding:10% 0}section.feature .content .box .txtBox .tiBox .final{position:relative;width:30%;left:35%;margin:5vw 0}section.feature .content .box .txtBox ul.feature{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em auto;padding:0}section.feature .content .box .txtBox ul.feature li{width:100%;margin:0 0 2em 0}section.feature .content .box .txtBox ul.feature li:nth-child(2){width:100%}section.feature .content .box .txtBox ul.feature li .pic{width:38vw;height:38vw}section.feature .content .box .txtBox ul.feature li .pic h4{font-size:1.8em}section.feature .content .box .txtBox ul.feature li .row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.feature .content .box .txtBox ul.feature li .row .td{margin:0 1em 0 0}section.feature .content .box .txtBox ul.feature li .row .td:nth-child(2){width:38%}}section.feature.gr .bg{background-image:url(../img/grFeature.jpg)}@media only screen and (max-width: 992px){section.feature.gr .bg{background-image:url(../img/m/grFeature.jpg)}}section.design .bg{background-position:center top;background-image:url(../img/mcDesign.jpg)}section.design .content .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:90%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:7% 0 3% 0}section.design .content .box .tiBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0}section.design .content .box .tiBox .proBox .pro{width:50%}section.design .content .box .tiBox .proBox .coin{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:38%;left:46%;bottom:0;margin:0 0 0 0}section.design .content .box .tiBox .info{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-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}section.design .content .box .tiBox .info h4,section.design .content .box .tiBox .info p{color:#b9a640;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}section.design .content .box .tiBox .info .line{width:100%;height:1px;padding:0em 0;margin:1em 0;background:-webkit-gradient(linear, left top, right top, from(rgba(195,153,72,0)), color-stop(30%, #c39948), color-stop(70%, #c39948), to(rgba(195,153,72,0)));background:linear-gradient(90deg, rgba(195,153,72,0) 0%, #c39948 30%, #c39948 70%, rgba(195,153,72,0) 100%)}section.design .content .box .txtBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:3em 2em}section.design .content .box .txtBox h4{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 1em 0;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.design .content .box .txtBox h4::after,section.design .content .box .txtBox h4::before{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:30%;height:1px;content:""}section.design .content .box .txtBox h4::before{left:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff));background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%)}section.design .content .box .txtBox h4::after{right:0;background:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255,255,255,0)));background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%)}@media only screen and (max-width: 992px){section.design .bg{background-image:url(../img/m/mcDesign.jpg)}section.design .content .box{width:100vw}section.design .content .box .tiBox .proBox{margin:0 0 10% 6%}section.design .content .box .tiBox .info{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}section.design .content .box .tiBox .info p{-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}section.design .content .box .txtBox{padding:3em 4vw}section.design .content .box .txtBox .row .col-12{margin:0 0 2em 0}}section.design.gr .bg{background-image:url(../img/grDesign.jpg)}@media only screen and (max-width: 992px){section.design.gr .bg{background-image:url(../img/m/grDesign.jpg)}}ul.conLine{padding:0;list-style:none}ul.conLine li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:4em;margin:0 0 2em 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul.conLine li .new{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:5em;height:2em;margin:0 1em 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(30%, #fff), color-stop(70%, #fff), to(rgba(255,255,255,0)));background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 30%, #fff 70%, rgba(255,255,255,0) 100%)}ul.conLine li .new img{width:70%;margin:auto}ul.conLine li p{margin:0em 0}ul.conLine li::before{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;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 #FFF solid}ul.conLine.R li{padding:0 1em 0 0}ul.conLine.R li::before{right:0;border-right:4px #FFF solid}@media only screen and (max-width: 992px){ul.conLine.L li::before{left:0;border-left:1vw #FFF solid}}section.product .bg{background-position:center bottom;background-image:url(../img/mcPro.jpg)}section.product .content .box{width:50%;padding:5em 0 3% 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.product .content .box .proBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}section.product .content .box .txtBox{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;height:auto;top:10%;left:0%;margin:0% 0;z-index:100;color:#000}section.product .content .box .txtBox h4{margin:0 0 0.2em 0}section.product .content .box .txtBox h3{margin:0 0 1em 0}@media only screen and (min-width: 1200px) and (max-width: 1500px){section.product .content .box{width:70%}}@media only screen and (min-width: 992px) and (max-width: 1200px){section.product .content .box{width:70%}}@media only screen and (max-width: 992px){section.product .bg{background-image:url(../img/m/mcPro.jpg)}section.product .content .box{width:90%}section.product .content .box .proBox{width:105%;margin:15% 0 0 5%}section.product .content .box .txtBox{width:100%;top:15%;left:0%;margin:0 0}section.product .content .box .txtBox h4{font-size:1.6em;margin:0 0 0.5em 0}}section.product.gr .bg{background-image:url(../img/grPro.jpg)}section.product.gr .content .box .txtBox{width:70%;left:50%;margin:0 0}@media only screen and (max-width: 992px){section.product.gr .bg{background-image:url(../img/m/grPro.jpg)}section.product.gr .content .box{width:90%;padding:7% 0 7% 0}section.product.gr .content .box .txtBox{width:100%;top:10%;left:0%}section.product.gr .content .box .txtBox h4,section.product.gr .content .box .txtBox h3,section.product.gr .content .box .txtBox p{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}section.product.gr .content .box .proBox{margin:35% 0 0 0}}#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:30%;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 .closeBtn{top:-5em;right:-5em}#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:1em 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:3px rgba(255,255,255,0.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li::before,#menuModal .modal-dialog .modal-content .modal-body ul.menu li::after{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;content:'';width:2em;height:1.8em;opacity:0;background-repeat:no-repeat;background-size:contain}#menuModal .modal-dialog .modal-content .modal-body ul.menu li::before{margin:0 0.5em 0 0;background-image:url("../img/flowerL.svg")}#menuModal .modal-dialog .modal-content .modal-body ul.menu li::after{margin:0 0 0 0.5em;background-image:url("../img/flowerR.svg")}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:hover{color:#9a880a}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:hover::before,#menuModal .modal-dialog .modal-content .modal-body ul.menu li:hover::after{opacity:1}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:last-child{border-bottom:0px rgba(255,255,255,0.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li h3{width:auto;height:100%;padding:0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}@media only screen and (max-width: 992px){#menuModal .modal-dialog .modal-content .modal-body{width:90%}#menuModal .modal-dialog .modal-content .modal-body ul.menu .closeBtn{top:0;margin-top:-3em;right:0%}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{border-bottom:1px rgba(255,255,255,0.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:nth-child(2)::before,#menuModal .modal-dialog .modal-content .modal-body ul.menu li:nth-child(2)::after{margin-top:1em}}