.page{display:flex;align-items:center;justify-content:flex-end;clear:both;width:100%;text-align:center;margin:0 auto;font-weight:bold;margin-left:1em}@media (max-width:576px){.page{font-size:1rem}}@media (min-width:576px){.page{font-size:1rem}}@media (max-width:767px){.page{justify-content:center;margin:0 auto}}.page dd,.page dt{vertical-align:baseline;display:inline-block;text-align:center}.page dd a,.page dt a{display:block;text-decoration:none}.page dd{margin:0 4px;position:relative;cursor:pointer}.page dd a{position:relative;display:block;width:30px;height:30px;line-height:31px;transition:all 0.5s;color:#000;font-family:"Roboto",sans-serif}.page dd a:before{z-index:-1;content:"";width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background:#c30d23;transform:scale3d(0,1,1);transform-origin:100% 50%;transition:0.5s transform ease}@media (min-width:768px){.page dd a:hover{color:#fff}.page dd a:hover:before{transform:scale3d(1,1,1);background:#c30d23;transform-origin:0 50%}}.page dd.active a{color:#fff}.page dd.active a:before{transform:scale3d(1,1,1);background:#c30d23;transform-origin:0 50%}.page dt.ltbn a,.page dt.rtbn a{width:40px;height:40px;margin:0 auto;position:relative;transition:0.5s}.page dt.ltbn a{margin-right:0.4em}@media (max-width:767px){.page dt.ltbn a{margin-right:0.35em}}.page dt.ltbn a:before{content:"";width:40px;height:40px;border-radius:50%;display:block;margin-left:auto;background:url("../images/case/unhover-l.png") center/8px 12px no-repeat;transition:0.5s ease}@media (max-width:767px){.page dt.ltbn a:before{width:35px;height:35px;background:url("../images/case/unhover-l-mo.png") center/8px 12px no-repeat}}.page dt.ltbn a:after{content:"";position:absolute;top:0;width:40px;height:40px;border-radius:50%;display:block;margin-left:auto;background:url("../images/case/hover-l.png") center/8px 12px no-repeat;transition:0.5s ease;opacity:0}@media (min-width:768px){.page dt.ltbn a:hover:after{opacity:1}}.page dt.rtbn a{margin-left:0.4em}@media (max-width:767px){.page dt.rtbn a{margin-right:0.35em}}.page dt.rtbn a:before{content:"";width:40px;height:40px;border-radius:50%;display:block;margin-right:auto;background:url("../images/case/unhover-r.png") center/8px 12px no-repeat;transition:0.5s ease}@media (max-width:767px){.page dt.rtbn a:before{width:35px;height:35px;background:url("../images/case/unhover-r-mo.png") center/8px 12px no-repeat}}.page dt.rtbn a:after{content:"";position:absolute;top:0;width:40px;height:40px;display:block;border-radius:50%;margin-left:auto;background:url("../images/case/hover-r.png") center/8px 12px no-repeat;transition:0.5s ease;opacity:0}@media (min-width:768px){.page dt.rtbn a:hover:after{opacity:1}}.page .ltbn.nopage a:before{opacity:0.3}@media (min-width:768px){.page .ltbn.nopage a:hover:after{opacity:0}}.page .rtbn.nopage a:before{opacity:0.3}@media (min-width:768px){.page .rtbn.nopage a:hover:after{opacity:0}}.case{padding-bottom:4em;margin-bottom:7.2em}@media (max-width:767px){.case{margin-bottom:4.2em}}@media (max-width:767px){.case .page-cover-bg{bottom:0.75%}}.case-item{display:flex;flex-wrap:wrap}.case-item li{flex:0 0 31.5%;margin-bottom:5.3em;margin-right:32px;overflow:hidden}@media (max-width:1440px){.case-item li{flex:0 0 30%}}@media (min-width:991px){.case-item li:nth-child(3n){margin-right:0}}@media (min-width:576px) and (max-width:990px){.case-item li{flex:0 0 45%}.case-item li:nth-child(2n){margin-right:0}}@media (max-width:575px){.case-item li{flex:0 0 100%;margin-right:0;margin-bottom:3.1em}}@media (min-width:768px){.case-item li:hover .case-img:before{transform:scale3d(1,1,1);background:rgba(195,13,35,0.7);transform-origin:0 50%}.case-item li:hover .des{opacity:1}.case-item li:hover .case-txt{color:#c30d23}}.case-item li a{display:block}.case-item .case-img{position:relative;margin-bottom:1.3em;overflow:hidden}.case-item .case-img:before{content:"";width:104%;height:104%;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(195,13,35,0.7);transform:scale3d(0,1,1);transform-origin:100% 50%;transition:0.5s transform ease}.case-item .case-img img{display:block;width:100%;height:100%;object-fit:cover}.case-item .des{position:absolute;top:51.5%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:all 0.5s;opacity:0}.case-item .des .add{display:inline-block;width:85%;padding-bottom:85%;background:url("../images/case/add.png") center/contain no-repeat}.case-item .des .more{font-size:24px;font-weight:bold;color:#fff}.case-item .case-txt{position:relative;font-weight:500;margin-left:1.5em;transition:all 0.5s}@media (max-width:576px){.case-item .case-txt{font-size:1.1875rem}}@media (min-width:576px){.case-item .case-txt{font-size:1.25rem}}.case-item .case-txt:before{content:"";position:absolute;top:0.4em;left:-1.5em;width:20px;height:22px;background:url("../images/case/case_1.png") center/contain no-repeat}@media (max-width:575px){.case-item .case-txt:before{width:18px;height:20px;top:0.2em}}.case-detail .title{display:flex;margin-bottom:4.5em}@media (max-width:767px){.case-detail .title{margin-bottom:1.75em}}.case-detail .title .case-title-img{position:relative;flex:0 0 30px;margin:0 1.5em 0 0.5em;padding:0.35em 0;background:url("../images/case-detail/title1.png") center/26px 30px no-repeat}@media (max-width:767px){.case-detail .title .case-title-img{margin:0 0.7em 0 0.1em;background:url("../images/case-detail/title1.png") center/20px no-repeat}}.case-detail .title .case-title-img:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2.5em;height:3px;background:#c30d23}@media (max-width:767px){.case-detail .title .case-title-img:after{width:1.8em;height:2px}}.case-detail .title .case-title-img:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2.5em;height:3px;background:#c30d23}@media (max-width:767px){.case-detail .title .case-title-img:before{width:1.8em;height:2px}}.case-detail .title .case-title-txt{position:relative;flex-grow:1;font-weight:500;letter-spacing:1.5px;padding:0.3em 0 0.38em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}@media (max-width:576px){.case-detail .title .case-title-txt{font-size:1.5rem}}@media (min-width:576px){.case-detail .title .case-title-txt{font-size:2rem}}@media (max-width:767px){.case-detail .title .case-title-txt{letter-spacing:0.8px;line-height:1.4}}.case-detail .title .case-title-txt:before{content:"";position:absolute;z-index:1;bottom:0;right:0;transform:translateY(50%);width:70px;height:20px;background:#fff}@media (max-width:767px){.case-detail .title .case-title-txt:before{width:33px;height:11px}}.case-detail .title .case-title-txt:after{content:"";position:absolute;z-index:2;bottom:0;right:0;width:58px;height:20px;background:url("../images/case-detail/title_r.png") center/contain no-repeat}@media (max-width:767px){.case-detail .title .case-title-txt:after{width:29px;height:11px}}.case-detail .btn-box{margin:5.7em auto 11.8em}@media (max-width:767px){.case-detail .btn-box{margin:3.9em auto 8.6em}}