@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;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 2em}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{overflow-y:scroll}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto;border:0}.imgH{width:auto;height:100%}br.clear{clear:both}.hide{display:none}svg.defs{width:0;height:0}.container{width:100%;max-width:100%;padding:0;margin:0}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-lg-12,.col-lg-8,.col-lg-4,.col-sm{padding:0px}@media only screen and (max-width: 992px){.smHide{display:none}}.smShow{display:none}@media only screen and (max-width: 992px){.smShow{display:block}}@media only screen and (max-width: 992px){table.smShow{display:table}}.accordion{width:100%;height:auto;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}.card{position:relative;display:flex;width:100%;height:auto;max-width:100%;min-height:0;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.card .card-header,.card .card-body,.card .card-footer{position:relative;display:flex;width:100%;height:auto;min-height:0;max-width:100%;overflow:hidden;flex-direction:column;padding:0;margin:0;border:0;border-radius:0;outline:none;background-color:rgba(0,0,0,0)}.sliderBox{position:relative;display:flex;width:100vw;height:40vw;top:0;left:0;padding:0;margin:0;overflow:hidden;z-index:10}.sliderBox ul.innerBox{position:relative;display:flex;width:100%;height:100%;list-style-type:none;z-index:10;padding:0;margin:0;background-color:rgba(0,0,0,0)}.sliderBox ul.innerBox li.inner{position:relative;display:flex;width:100vw;height:40vw;margin:0;padding:0;pointer-events:auto}.sliderBox ul.innerBox .slick-dots{position:absolute;display:flex;width:100%;height:1em;bottom:0em;padding:0;margin:0;list-style-type:none;justify-content:center}.sliderBox ul.innerBox .slick-dots li{width:.5em;height:.5em;margin-right:.5em;border-radius:1em;pointer-events:auto;cursor:pointer;background-color:#eee}.sliderBox ul.innerBox .slick-dots li.slick-active{background-color:#87b4cb}.sliderBox ul.innerBox .slick-dots li button{display:none}.sliderBox .navigation{position:absolute;display:flex;width:100%;height:100%;padding:0 0 0 0;z-index:100;align-items:center;pointer-events:none}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{position:relative;display:flex;width:8%;height:100%;pointer-events:auto;cursor:pointer;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn:hover,.sliderBox .navigation .nextBtn:hover{opacity:.5}.sliderBox .navigation .prevBtn .arrow,.sliderBox .navigation .nextBtn .arrow{display:flex;width:50%;height:auto;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn .arrow i,.sliderBox .navigation .nextBtn .arrow i{color:#eee;font-size:1em}.sliderBox .navigation .prevBtn.gray .arrow i,.sliderBox .navigation .nextBtn.gray .arrow i{color:#aaa}.sliderBox .navigation .prevBtn{left:0}.sliderBox .navigation .nextBtn{position:absolute;right:0}@media only screen and (max-width: 992px){.sliderBox{width:100vw;height:150vw;margin:0}.sliderBox ul.innerBox li.inner{height:150vw}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{width:5vw}}.modal{width:100vw;max-width:100vw;min-width:100vw;height:100vh;padding:0;margin:0;border-radius:0;z-index:12000;background-color:rgba(0,0,0,.8);border:0}.modal .modal-dialog{position:relative;display:flex;width:100vw;max-width:100vw;min-width:0%;height:100%;padding:0;margin:0;pointer-events:none;border-radius:0;border:0;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;border-radius:0;border:0;overflow:hidden;pointer-events:none;flex-direction:row;justify-content:center;align-items:center}.modal .modal-dialog .modal-content .modal-body{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;min-height:0;padding:0;margin:0;border:0px;border-radius:0px;pointer-events:auto;justify-content:center;align-items:center;background-color:rgba(255,255,255,0);border: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:3em;height:3em;pointer-events:auto;cursor:pointer;top:0em;right:0em;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:row;z-index:200}.closeBtn:hover{background-color:rgba(0,0,0,.3)}.closeBtn i{color:#fff;font-size:1.2em}@media only screen and (max-width: 992px){.closeBtn{width:10vw;height:10vw}.closeBtn i{font-size:1em}}.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);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}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: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:3.5vw}}#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:100vw}}nav.navi{position:absolute;display:flex;width:100vw;height:3em;margin:0;padding:0 0%;top:0;left:0;transition:all .2s ease-out;background:#000;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index:500}nav.navi .box{flex-direction:row}nav.navi .box .logo-suisai,nav.navi .box .logo{position:relative;display:flex;width:auto;height:100%;margin:0 .5em 0 0;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .box .logo-suisai img,nav.navi .box .logo img{width:auto;height:40%}nav.navi .box ul.menu{position:absolute;display:flex;width:auto;height:100%;right:2em;flex-direction:row}nav.navi .box ul.menu li{position:relative;display:flex;justify-content:center;align-items:center;padding:1em;pointer-events:auto}nav.navi .box ul.menu li a,nav.navi .box ul.menu li a:link{color:#fff}nav.navi .box #toggleBtn{display:none}@media only screen and (max-width: 992px){nav.navi{width:100vw}nav.navi .box ul.menu{display:none}nav.navi .box #toggleBtn{position:absolute;display:flex;width:3em;height:3em;align-items:center;justify-content:center;right:0;pointer-events:auto;cursor:pointer}nav.navi .box #toggleBtn i{font-size:1.8em;color:#fff}}nav.navi.zoomout{background-color:#305096}footer .box,nav.navi .box{position:relative;display:flex;width:80%;height:auto;max-width:1500px;margin:0 auto;padding:0 2em}@media only screen and (min-width: 1200px)and (max-width: 1500px){footer .box,nav.navi .box{width:100%;max-width:100%}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .box,nav.navi .box{width:100%;max-width:100%}}@media only screen and (max-width: 992px){footer .box,nav.navi .box{width:100vw;max-width:100vw}}footer{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:0;color:#fff;z-index:1000;background-size:100%;background-repeat:repeat-y;background-image:url(../img/ftBg.png)}footer .copyright{position:relative;display:block;width:100%;margin:2em 0 .5em 0;text-align:center;font-size:.7em;font-weight:300}footer .topBtn{position:absolute;display:block;right:2em;bottom:0;color:#fff;padding:.5em 1em 1em 1em;border-radius:2em 2em 0 0;background-color:#217292;cursor:pointer}footer .topBtn:hover{opacity:.7}footer .box{padding:2em 0 .5em 0}footer .box .qrcode{position:absolute;display:flex;width:7em;flex-direction:column;justify-content:flex-start;margin:0 0 0 2em}footer .box .qrcode p{display:flex;width:100%;margin:0 0 1em 0;line-height:100%;font-size:.9em;justify-content:center}footer .box .qrcode .pic{display:flex;width:7em;height:7em}footer .box ul.info{position:relative;display:flex;width:30%;flex-direction:column;list-style:none;padding:0;margin:2% auto 0 auto}footer .box ul.info li{margin:0 0 0em 0;text-align:center}footer .box ul.info li a{color:#fff}footer .box ul.info li.logo img{width:40%}footer .box ul.info li.ti{margin:.5em 0}footer .box ul.info li.store{font-size:1.1em}footer .box ul.social{position:absolute;display:flex;width:auto;list-style:none;flex-direction:column;padding:0;right:0;margin:0 2em 0 0}footer .box ul.social li{padding:0em 0;margin:0 0 .5em 0}footer .box ul.social li a{display:flex;width:auto;height:auto;flex-direction:row;align-items:center;color:#fff}footer .box ul.social li a:hover{opacity:.5;text-decoration:none}footer .box ul.social li a p{display:flex;width:10em;line-height:150%;font-size:1em;color:#585858;background-color:#fff;padding:.1em .5em;border-radius:.4em}footer .box ul.social li a i{display:flex;width:1.5em;height:1.5em;font-size:1.7em;margin:0 .3em 0 0;justify-content:center;align-items:center;color:#277d98;background-color:#fff;border-radius:.5em}@media only screen and (max-width: 992px){footer .box ul.info{width:80%;margin:2% auto 45vw auto}footer .box .qrcode{margin:40vw 0 0 5vw}footer .box ul.social{margin:40vw 5vw 0 0}footer .topBtn{right:2vw}}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:flex;width:80%;height:auto;max-width:1400px;margin:0 auto;padding:0}@media only screen and (min-width: 1200px)and (max-width: 1500px){section .content .box{width:100%;max-width:100%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section .content .box{width:100%;max-width:100%}}@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%}h2{font-size:2em;line-height:110%}h3{font-size:1.8em;line-height:110%}h4{font-size:1.3em;line-height:110%}h5{font-size:1.2em;line-height:150%}h6{font-size:1.1em;line-height:180%}.bold,b{font-weight:bold}p{font-size:1em;line-height:180%}.commit{font-size:.9em;line-height:180%}.buyBtn{width:auto;margin:1em auto;padding:.5em 8em;text-align:center;border-radius:.5em;color:#fff;background-color:#000}.buyBtn:hover{color:#fff;background-color:#666;text-decoration:none}.buyBtn.lock{opacity:.5;pointer-events:none;background-color:#ddd}#bannerSlider ul.innerBox li.inner .bg{position:relative}#bannerSlider ul.innerBox li.inner ul.front{position:absolute;width:100%;height:100%;top:0;z-index:100;list-style:none}#bannerSlider ul.innerBox li.inner ul.front li{position:absolute}#bannerSlider ul.innerBox li.inner a{position:absolute;width:100%;height:100%;top:0;z-index:100}#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(1){width:38%;margin:5% 0 0 15%}#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(2){width:25%;margin:14% 0 0 5%}#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(3){width:25%;margin:18% 0 0 25%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(1){width:35%;margin:14% 0 0 45%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(2){width:12%;margin:5% 0 0 70%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(3){width:28%;margin:0% 0 0 53%;bottom:14%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(1){width:40%;margin:5% 0 0 10%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(2){width:12%;margin:10% 0 0 55%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(3){width:12%;margin:12% 0 0 63%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(4){width:26%;margin:26% 0 0 55%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(1){width:24%;margin:5% 0 0 10%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(2){width:45%;margin:7% 0 0 36%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(3){width:16%;margin:0% 0 0 70%;bottom:5%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(1){width:25%;margin:5% 0 0 10%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(2){width:25%;margin:6% 0 0 55%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(3){width:20%;margin:0% 0 0 3%;bottom:1%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(4){width:20%;margin:0% 3% 0 0%;bottom:1%;right:0}#bannerSlider ul.innerBox li.inner.pro3 ul.front li:nth-child(1){width:30%;margin:5% 0 0 45%}@media only screen and (max-width: 992px){#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(1){width:80%;margin:15% 0 0 5%}#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(2){width:50%;margin:36% 0 0 0%}#bannerSlider ul.innerBox li.inner.pro6 ul.front li:nth-child(3){width:50%;margin:45% 0 0 40%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(1){width:80%;margin:15% 0 0 5%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(2){width:30%;margin:80% 0 0 5%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(3){width:30%;margin:85% 0 0 30%}#bannerSlider ul.innerBox li.inner.pro1 ul.front li:nth-child(4){width:80%;margin:116% 0 0 7%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(1){width:82%;margin:30% 0 0 5%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(2){width:30%;margin:15% 0 0 60%}#bannerSlider ul.innerBox li.inner.pro2 ul.front li:nth-child(3){width:35%;margin:0% 0 0 55%;bottom:14%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(1){width:60%;margin:60% 0 0 0%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(2){width:90%;margin:20% 0 0 -5%}#bannerSlider ul.innerBox li.inner.pro5 ul.front li:nth-child(3){width:35%;margin:0% 0 0 53%;bottom:40%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(1){width:60%;margin:18% 0 0 3%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(2){width:55%;margin:33% 0 0 30%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(3){width:40%}#bannerSlider ul.innerBox li.inner.pro4 ul.front li:nth-child(4){width:40%}#bannerSlider ul.innerBox li.inner.pro3 ul.front li:nth-child(1){width:65%;margin:22% 0 0 20%}}#tabArea ul.tab{display:flex;list-style:none;padding:0}#tabArea ul.tab li{width:50%;padding:1.5em 0;margin:0;color:#fff;cursor:pointer;background:linear-gradient(180deg, #87b4cb 80%, #7ca2b5 100%)}#tabArea ul.tab li h3{width:100%;height:100%;font-weight:500;color:#fff;text-align:center}#tabArea ul.tab li.active{pointer-events:none;background:#fff}#tabArea ul.tab li.active h3{color:#87b4cb}@media only screen and (max-width: 992px){#tabArea{margin-bottom:3em}}section.product{overflow:hidden}section.product .content .box .card,section.product .content .box .pic{position:relative;display:flex;width:50%;flex-direction:column}section.product .content .box .pic{padding:3em;justify-content:center;align-items:center}section.product .content .box .pic img{width:90%;height:auto;margin:.5em auto}section.product .content .box .pic p{width:100%;text-align:center}section.product .content .box.R{flex-direction:row-reverse}section.product .content .box.R .pic{left:0%}section.product .content .box.L{flex-direction:row}section.product .content .box.L .pic{left:5%}section.product .content .box .card{padding:3em 4em}section.product .content .box .card .card-body{overflow:visible}section.product .content .box .card .card-body .msg,section.product .content .box .card .card-body .paint,section.product .content .box .card .card-body .other,section.product .content .box .card .card-body .ti{position:relative;width:100%;height:auto}section.product .content .box .card .card-body .msg{width:100%;border-radius:3em;padding:.5em 2em;margin:3em auto 1em auto;overflow:visible}section.product .content .box .card .card-body .msg p{line-height:150%;color:#fff}section.product .content .box .card .card-body .msg:after{position:absolute;display:flex;content:"　";width:3em;height:auto;top:100%;left:25%;background-repeat:no-repeat}section.product .content .box .card .card-body .msg .feature{position:absolute;display:flex;width:7em;height:7em;padding:0em;bottom:0;right:0;letter-spacing:0;text-align:center;justify-content:center;align-items:center;overflow:visible}section.product .content .box .card .card-body .msg .feature p{font-size:1.2em;line-height:100%;color:#000}section.product .content .box .card .card-body .msg .feature.fly{background-size:contain;background-repeat:no-repeat;background-image:url(../img/fea1.png)}section.product .content .box .card .card-body .msg .feature.fly.f1{right:5em}section.product .content .box .card .card-body .msg .feature.fly.f2 p{font-size:1em}section.product .content .box .card .card-body .msg .feature.water{right:-3em;background-size:contain;background-repeat:no-repeat;background-image:url(../img/fea6.png)}section.product .content .box .card .card-body .msg .feature.water.f1{right:2em}section.product .content .box .card .card-body .paint{flex-direction:column;text-align:center;padding:2em 2em;margin:0em 0 1em 0;background-size:contain;background-repeat:no-repeat;background-position:center center}section.product .content .box .card .card-body ul.info{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;margin:0 auto;margin-bottom:1em}section.product .content .box .card .card-body .talk{width:100%;height:4em;padding:.7em 1em;margin:0 0 0em 50%;flex-direction:row;background-size:contain;background-repeat:no-repeat;background-position:0 center}section.product .content .box .card .card-body .ti{flex-direction:column;text-align:center;margin-top:1em}section.product .content .box .card .card-body .ti h3{margin:.5em 0}@media only screen and (max-width: 992px){section.product .content .box{margin-bottom:2em}section.product .content .box .card,section.product .content .box .pic{width:100%;padding:0em 2em}section.product .content .box.R{flex-direction:column}section.product .content .box.R .pic{left:0%}section.product .content .box.L{flex-direction:column}section.product .content .box.L .pic{left:0%}section.product .content .box .pic img{width:80%}}#pro6Area .bg{background:linear-gradient(180deg, rgba(246, 239, 222, 0) 0%, rgb(246, 239, 222) 10%, rgb(246, 239, 222) 90%, rgba(246, 239, 222, 0) 100%)}@media only screen and (min-width: 992px)and (max-width: 1200px){#pro6Area .content .box .card .card-body .msg .feature{top:-5em}}@media only screen and (max-width: 992px){#pro6Area .content .box .card .card-body .msg{margin-top:5em}#pro6Area .content .box .card .card-body .msg .feature{top:-5em;right:-1em}#pro6Area .content .box .card .card-body .msg .feature.f1{right:4em}}@media only screen and (min-width: 992px)and (max-width: 1200px){#pro1Area .content .box .card .card-body .msg .feature{right:-3em}#pro1Area .content .box .card .card-body .msg .feature.f1{right:2em}}@media only screen and (max-width: 992px){#pro1Area .card .card-body .msg{margin-top:5em}#pro1Area .card .card-body .msg .feature.f1{top:-4.5em;right:2.5em}#pro1Area .card .card-body .msg .feature.f2{top:-2.5em;right:-1.5em}}#pro2Area .bg{background:linear-gradient(180deg, rgba(243, 251, 255, 0) 0%, rgb(243, 251, 255) 10%, rgb(243, 251, 255) 90%, rgba(243, 251, 255, 0) 100%)}#pro2Area .content .box .card{margin-top:8em}@media only screen and (max-width: 992px){#pro2Area .content .box .card{margin-top:0em}}#pro5Area .bg{background:linear-gradient(180deg, rgba(251, 253, 196, 0) 0%, rgb(251, 253, 196) 10%, rgb(251, 253, 196) 90%, rgba(251, 253, 196, 0) 100%)}#pro3Area .bg{background:linear-gradient(180deg, rgba(242, 251, 254, 0) 0%, rgb(242, 251, 254) 10%, rgb(242, 251, 254) 90%, rgba(242, 251, 254, 0) 100%)}.dblue{color:#0d4693}.yellow{color:#c96}.red{color:#d4116d}.lred{color:#f6a4be}.lgreen{color:#cddf97}.orange{color:#f90}.lorange{color:#faca82}h3.blue{color:#b0c9e2}.heart{display:inline-block;width:1em;height:1em;margin:0;padding:0;border:0;background-size:cover;background-image:url(../img/heart.png)}.msg.yellow{background:radial-gradient(closest-side at 50% 50%, #dec262 0%, #d5b236 100%)}.msg.yellow:after{background-image:url(../img/arrow6.svg)}.msg.blue{background:radial-gradient(closest-side at 50% 50%, #3fb5ea 0%, #074290 100%)}.msg.blue:after{background-image:url(../img/arrow1.svg)}.msg.orange{background:radial-gradient(closest-side at 50% 50%, #fbbf54 0%, #ffa607 100%)}.msg.orange:after{background-image:url(../img/arrow5.svg)}.msg.red{background:radial-gradient(closest-side at 50% 50%, #de4088 0%, #d4116d 100%)}.msg.red:after{background-image:url(../img/arrow4.svg)}.msg.green{background:radial-gradient(closest-side at 50% 50%, #2fbf85 0%, #30a64a 100%)}.msg.green:after{background-image:url(../img/arrow2.svg)}.paint.yellow{background-image:url(../img/paint6.png)}.paint.blue{color:#0d4693;background-image:url(../img/paint1.png)}.paint.orange{color:#f90;background-image:url(../img/paint5.png)}.paint.red{color:#d4116d;background-image:url(../img/paint4.png)}.paint.green{color:#1b542e;background-image:url(../img/paint2.png)}.talk{color:#000}.talk.blue{background-image:url(../img/talk.svg)}.talk.blue .price{color:#b0c9e2}.talk.yellow{background-image:url(../img/talkYellow.svg)}.talk.yellow .price{color:#c96}#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;font-size:1.3em}#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%}}