.editor .item_box{margin:0;}.editor .item_box .item{margin-bottom:5px;padding:3rem 1rem;border-radius:10px;display:flex;flex-direction:column;justify-content:center;}@media(min-width:768px){.editor .item_box .item{background-color:#f7f7f7;}}@media(min-width:768px){.editor .item_box .item.item2{background-color:#fff;}}.editor .item_box .item .ten{font-size:1rem;line-height:1.2;color:#a5a5a5;font-weight:500;width:100%;margin:0;}.editor .item_box .item .ten::after{content:"";height:3px;width:20px;background-color:#4e9bd7;display:block;margin:1rem auto;}.editor .item_box .item .ttw{position:relative;font-size:1.5rem;line-height:1.2;width:100%;margin:0;}.editor-case>div[class*=sec]{padding-top:5vw;padding-bottom:5vw;}@media(min-width:992px){.editor-case .sec1 .flex-case01 .l-info,.editor-case .sec1 .flex-case01 .r-info{width:50%;}.editor-case .sec1 .flex-case01 .r-info{padding:40px 0 40px 40px;}.editor-case .sec1 .pic-list{margin-left:calc(-40px - 10%);}}.editor-case .sec1 .flex-case01 .l-info{position:relative;}.editor-case .sec1 .flex-case01 .l-info .pic img{filter:grayscale(1);opacity:.8;transition:all .5s;}.editor-case .sec1 .flex-case01 .l-info:hover .pic img{filter:grayscale(0);opacity:1;}.editor-case .sec1 .flex-case01 .l-info .tt{background:var(--colorSecond);color:#fff;font-size:1.5rem;display:table;padding:20px;margin-top:-10%;min-width:50%;text-align:center;position:absolute;left:0;bottom:0;z-index:5;}.editor-case .sec1 .flex-case01 .r-info{position:relative;z-index:5;}.editor-case .sec1 .flex-case01 .r-info .pic-list{box-shadow:rgba(50,50,93,.15) 0 13px 27px -5px,rgba(0,0,0,.1) 0 8px 16px -8px;}.editor-case .sec1 .flex-case01 .r-info .pic-list .list-item{position:relative;}.editor-case .sec1 .flex-case01 .r-info .pic-list .list-item .tt{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;display:flex;justify-content:center;align-items:center;color:#fff;background:rgba(29,85,64,.7803921569);backdrop-filter:blur(3px);transition:all .5s;}@media(max-width:991px){.editor-case .sec1 .flex-case01 .r-info .pic-list .list-item .tt{position:relative;opacity:1;background:var(--colorSecond);padding:10px;}}.editor-case .sec1 .flex-case01 .r-info .pic-list .list-item:hover .tt{opacity:1;}.editor-case .sec2{background:url(../../../../images/Templates/PagesTemplates/EditorPreview/about/bg_caseSon01.jpg) center center no-repeat;background-size:cover;position:relative;}.editor-case .sec2 h2.st{color:#fff!important;}.editor-case .sec2 .pic-floating{position:absolute;bottom:0;left:0;width:35%;mix-blend-mode:luminosity;opacity:.3;}.editor-case .sec2 .flex-case02{position:relative;z-index:5;}.editor-case .sec2 .flex-case02 .book-list .list-item{margin:0 15px;cursor:pointer;width:100%;}body.page-case .main>.container{max-width:100%;padding:0;}body.page-case div[class*=flex-case]{gap:20px;}