@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@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}}@keyframes moveX{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}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);animation:load8 1.1s infinite linear}@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;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 Serif TC",serif;font-weight:500;font-style:normal;letter-spacing:.1em;color:#000;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{position:relative;display:flex;width:100%;height:auto;margin:0 auto;padding:0 2em;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 .box{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;z-index:200}nav.navi .box #toggleBtn i{font-size:1.8em;color:#fff}}footer .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{width:100%;max-width:100%}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .box{width:100%;max-width:100%}}@media only screen and (max-width: 992px){footer .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-color:#342807}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:#a8922e;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:#816354;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:#816354;background-color:#fff;border-radius:.5em}@media only screen and (min-width: 1200px)and (max-width: 1500px){footer .topBtn{right:.5em}footer .box ul.social{margin:0 4em 0 0}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .topBtn{right:.5em}footer .box ul.social{margin:0 4em 0 0}}@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;flex-direction:column}@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}h1{font-size:2.2em;line-height:110%}h2{font-size:1.6em;line-height:110%}h3{font-size:1.24em;line-height:110%}h4{font-size:1.1em;line-height:110%}h6{font-size:1.1em;line-height:180%}.bold,b{font-weight:700}p{font-size:1em;line-height:180%}.commit{font-size:.9em;line-height:180%}.gold{color:#a8922e}.brown{color:#816354}.btnBox{position:relative;display:flex;justify-content:center;margin:2em auto 4em auto}.moreBtn{position:relative;display:inline-flex;width:auto;height:auto;margin:0;padding:.6em 1em .7em 1em;font-size:1.3em;line-height:120%;letter-spacing:.2em;text-decoration:none;justify-content:flex-start;align-items:center;text-align:center;border-radius:3em;color:#fff;background-color:#000}.moreBtn .arrow{position:relative;display:flex;width:.5em;height:auto;margin:.1em 0 0 .5em;animation:moveX .5s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}.moreBtn:link{color:#fff}.moreBtn:hover{text-decoration:none;background-color:#aaa}.moreBtn.buy{font-size:1.5em;padding:.6em 4em .7em 4em;border-radius:.5em}.moreBtn.gold{color:#fff;background-color:#a8922e}.moreBtn.gold:hover{background-color:#c9b65e}@media only screen and (max-width: 992px){.moreBtn.buy{width:100%;justify-content:center}}#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%}}#bannerSlider{height:100vh;max-height:50vw}#bannerSlider ul.innerBox li.inner{height:100vh;max-height:50vw}#bannerSlider ul.innerBox li.inner .bg{position:relative;background-origin:0 100%}#bannerSlider ul.innerBox li.inner .logo{position:absolute;display:flex;width:22%;height:auto;margin:15% 0 0 65%}#bannerSlider ul.innerBox li.inner h1{position:absolute;display:flex;line-height:130%;top:40%;left:1.1em;color:#fff}#bannerSlider ul.innerBox li.inner .info{position:absolute;display:flex;flex-direction:column;left:3em;bottom:3em;color:#fff;text-shadow:0em 0em .8em #000}#bannerSlider ul.innerBox li.inner .info .new{width:8em;margin:6em 0 1em 0}#bannerSlider ul.innerBox li.inner .info h3{line-height:150%}#bannerSlider ul.innerBox li.inner .info .commit{font-size:.5em;margin:0 0 1em 0}#bannerSlider ul.innerBox li.inner .info .date{position:relative;display:inline-flex;width:auto;line-height:200%;border-bottom:1px #fff solid}@media only screen and (max-width: 992px){#bannerSlider{height:200vw;max-height:200vw}#bannerSlider ul.innerBox li.inner{height:200vw;max-height:200vw}#bannerSlider ul.innerBox li.inner .logo{width:90%;height:auto;margin:15% 0 0 5%;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5))}#bannerSlider ul.innerBox li.inner h1{top:38vw;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5))}#bannerSlider ul.innerBox li.inner .info{left:3em;bottom:2em}#bannerSlider ul.innerBox li.inner .info .commit{font-size:.8em}}section.tape{overflow:hidden}section.tape .bg{background-size:cover;background-repeat:no-repeat}section.tape .content .box{flex-direction:row;color:#fff}section.tape .content .box .pic{position:relative;display:flex;width:35%;height:auto;margin:0 0 1em 10%}section.tape .content .box .info{position:relative;display:flex;width:40%;flex-direction:column;justify-content:center;align-items:center}section.tape .content .box .info .shape{width:6em;margin:1em auto}section.tape .content .box .info h3,section.tape .content .box .info h1{width:auto;text-align:center}section.tape .content .box .info h3{line-height:150%}@media only screen and (max-width: 992px){section.tape .content .box{flex-direction:column}section.tape .content .box .pic{width:90%;height:auto;margin:0 0 1em 5%}section.tape .content .box .info{width:100%;margin:0 0 3em 0}}section.product{padding:4em 0 0 0;z-index:200}section.product .content .box .txtBox{position:relative;display:flex;width:80%;flex-direction:row;align-items:center;margin:0 auto 0 auto}section.product .content .box .txtBox .info,section.product .content .box .txtBox .pic{position:relative;display:flex;width:50%;flex-direction:column}section.product .content .box .txtBox .pic p{position:absolute;bottom:0;text-align:right}section.product .content .box .txtBox .info{padding:0 1em 0 0}section.product .content .box .txtBox .info .high{width:auto}section.product .content .box .txtBox .info .high p{display:inline-flex;width:auto;color:#816354;padding:.25em 1em .3em 1em;background-size:contain;background-repeat:no-repeat}section.product .content .box .txtBox .info .high1 p{background-image:url(../img/border1.svg)}section.product .content .box .txtBox .info .high2 p{background-image:url(../img/border2.svg)}section.product .content .box .txtBox .info h4{margin:1.5em 0 .5em 0}section.product .content .box .txtBox .info h4 img{width:10em}section.product .content .box .txtBox .info h2{margin:.5em 0}@media only screen and (max-width: 992px){section.product .content .box .txtBox{width:86%;flex-direction:column}section.product .content .box .txtBox .info{width:100%}section.product .content .box .txtBox .info h1{font-size:2.4em;white-space:nowrap}section.product .content .box .txtBox .pic{width:100%;margin:2em 0}section.product .content .box .btnBox{width:90%}}ul.spec{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;padding:0 0 0 1.5em;margin:1em auto}ul.spec.pro1{width:80%}ul.spec li{margin:0 0 .5em 0;font-size:1.2em}@media only screen and (max-width: 992px){ul.spec.pro1{width:86%}}ul.shapeLine{position:relative;display:flex;width:100%;height:auto;margin:0 auto;flex-direction:row;justify-content:center;list-style:none;margin:0 0;padding:0}ul.shapeLine li{width:4em;height:auto}ul.shapeLine li.copy{width:auto}ul.shapeLine li.copy h2{white-space:nowrap;margin:0em .5em}@media only screen and (max-width: 992px){ul.shapeLine li.copy h2{margin:-0.3em 0em;text-align:center;font-size:1.5em}}.bigTi{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.bigTi .shape{width:8em;margin:3em 0 1em 0}.bigTi .shape.r{margin:1.2em 0 3em 0;transform:rotate(180deg)}.bigTi h1{width:auto;color:#816354}.bigTi h1.white{color:#fff;text-shadow:0em 0em .8em #000}section.feat{z-index:100}section.feat .bg{background-size:auto;background-repeat:repeat;background-image:url(../img/feat_bg.jpg)}section.feat .content{padding:0 0 4em 0}section.feat .content .box{width:60%;background-color:#e8e6df;border-radius:1em;padding:4em}section.feat .content .box .card{overflow:visible}section.feat .content .box .card .card-header .point{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}section.feat .content .box .card .card-header .point ul.shapeLine{width:auto}section.feat .content .box .card .card-header .point ul.shapeLine:nth-child(1){margin-left:0em}section.feat .content .box .card .card-header .point ul.shapeLine:nth-child(2){margin-right:0em}section.feat .content .box .card .card-header .point h2{width:auto;margin:0 .5em}section.feat .content .box .card .card-header>h2{text-align:center;margin:.5em 0}section.feat .content .box .card .card-header>h3{text-align:center;line-height:150%}section.feat .content .box .card .card-body{overflow:visible}section.feat .content .box .card .card-body>.picBox{position:relative;display:flex;width:55%;margin:0 auto;flex-direction:column;justify-content:center;align-items:center}section.feat .content .box .card .card-body>.picBox .skin{position:absolute;display:flex;bottom:.5em;right:1em}section.feat .content .box .card .card-body>.picBox .line{position:absolute;display:flex;width:25%;bottom:10%;border-bottom:1px #816354 solid}section.feat .content .box .card .card-body>.picBox .line.line1{left:0%;transform:rotate(-55deg)}section.feat .content .box .card .card-body>.picBox .line.line2{width:35%;left:28%;bottom:19%;transform:rotate(-55deg)}section.feat .content .box .card .card-body>.picBox .line.line3{left:58.5%;transform:rotate(55deg)}@media only screen and (min-width: 1200px)and (max-width: 1500px){section.feat .content .box{width:70%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.feat .content .box{width:80%}}@media only screen and (max-width: 992px){section.feat .content .box{width:90%;padding:2em 1em}section.feat .content .box .card .card-body>.picBox{width:80%;margin-top:30vw}section.feat .content .box .card .card-body>.picBox .line{width:33%;bottom:5%;border-bottom:1px #816354 solid}section.feat .content .box .card .card-body>.picBox .line.line1{left:10%;transform:rotate(-55deg)}section.feat .content .box .card .card-body>.picBox .line.line2{width:45%;left:22%;bottom:30vw;transform:rotate(-55deg)}section.feat .content .box .card .card-body>.picBox .line.line3{left:57%;transform:rotate(55deg)}}.talk{position:absolute;display:flex;width:5em;flex-direction:row;justify-content:center;align-items:center}.talk p{position:absolute;display:flex;width:100%;height:auto;text-align:center;justify-content:center;margin:0 1em 0 0}.talk.talk1{top:40%;left:-3em}.talk.talk2{right:0;top:62%;margin:0 -3em 0 0}.talk.talk2 p{color:#fff;margin:0 0 0 1em}ul.caption{position:relative;display:flex;width:100%;height:auto;padding:0;margin:1em auto 5em auto;flex-direction:row;justify-content:center;align-items:center;list-style:none}ul.caption li{position:relative;display:flex;width:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.5em 1em;margin:0 1em;overflow:hidden;border-radius:1em;background-color:#fff;border:1px #816354 solid}ul.caption li:last-child{padding:.5em 1em .5em 6em}ul.caption li:last-child .ti{position:absolute;display:flex;width:5em;height:100%;top:0;left:0;text-align:center;align-items:center;background:linear-gradient(0deg, #ddeff8 0%, #f9e8f0 100%)}ul.caption li:last-child .ti h3{line-height:150%}@media only screen and (max-width: 992px){ul.caption li{width:45%;margin:0}ul.caption li:nth-child(1){margin-right:.5em}ul.caption li:nth-child(2){margin-left:.5em}ul.caption li:last-child{position:absolute;width:65%;top:-65vw}}ul.face{position:relative;display:flex;width:100%;height:auto;padding:0;margin:1em auto 5em auto;flex-direction:row;justify-content:center;align-items:center;list-style:none;overflow:visible}ul.face li{position:relative;display:flex;width:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.5em 1em;margin:0 0em;overflow:hidden}ul.face li .pic{position:relative;display:flex;width:10em;height:auto;overflow:hidden;border-radius:10em}ul.face li p{text-align:center}ul.face li.right{width:1.5em;height:auto;margin:0;padding:0}ul.face li.right img{width:1.5em;height:5em;margin:0}@media only screen and (max-width: 992px){ul.face{flex-wrap:wrap}ul.face li{padding:.5em}ul.face li .pic{width:35vw}ul.face li:nth-child(2),ul.face li:nth-child(4){display:none}ul.face li:last-child{width:100%;justify-content:center;align-items:center}}ul.flower{position:relative;display:flex;width:100%;height:auto;margin:0 auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none}ul.flower li{position:relative;display:flex;width:50%;margin:0 0em;flex-direction:column;overflow:hidden}ul.flower li.first{width:80%;margin:3em 0;flex-direction:row-reverse;align-items:center}ul.flower li.first .picBox{justify-content:flex-end}ul.flower li.first .picBox .desc .pic{width:14em;height:14em}ul.flower li.first h3{line-height:150%}ul.flower li .txt{position:relative;display:flex;width:100%;flex-direction:column}ul.flower li .txt h2{width:90%;padding:0 0 .5em 0;margin:0 0 .5em 0;border-bottom:1px #a8922e solid}ul.flower li .picBox{position:relative;display:flex;width:100%;flex-direction:row;justify-content:flex-start}ul.flower li .picBox .desc{position:relative;display:flex;flex-direction:column}ul.flower li .picBox .desc:first-child{margin:0 2em 0 0}ul.flower li .picBox .desc .pic{position:relative;display:flex;width:8em;height:8em;flex-direction:column;overflow:hidden;border-radius:12em;z-index:1;background:linear-gradient(135deg, #f7c7d0 0%, #f5e6da 30%, #f5e6da 40%, #f7c7d0 70%)}ul.flower li .picBox .desc p{width:100%;text-align:center;z-index:10}@media only screen and (max-width: 992px){ul.flower li{width:90%}ul.flower li.first{width:90%;margin:2em 0;flex-direction:column}ul.flower li.first h3{width:90%}ul.flower li.first .picBox{justify-content:center;margin:1em 0}ul.flower li.first .picBox .desc .pic{width:50vw;height:50vw}}ul.step{position:relative;display:flex;width:90%;height:auto;padding:0;margin:1em auto 3em auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;list-style:none}ul.step li{position:relative;display:flex;width:48%;margin:0 0 5em 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}ul.step li h4{width:100%;line-height:150%;padding:.5em}@media only screen and (max-width: 992px){ul.step{width:86%;flex-direction:column}ul.step li{width:100%;flex-direction:column;margin:0 0 2em 0}ul.step li .pic{width:100%}ul.step li p{width:100%;font-size:1.2em;margin:0 0 0 .5em}}.youtube{position:relative;display:flex;width:65%;margin:0 auto 3em auto;overflow:hidden}.youtube svg{width:100%;height:auto;pointer-events:none}.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media only screen and (max-width: 992px){.youtube{width:100%}}@media only screen and (max-width: 992px){section.cfa .content .box .btnBox{width:90%}}