.c-pr-preview.hilight{width:calc(50% - 20px);height:330px;background-color:rgba(255,255,255,1);border-radius:5px;box-shadow:0 1px 3px 0 rgba(40,50,60,.25);overflow:hidden;cursor:pointer;transition:all .3s}.c-pr-preview.hilight:hover{box-shadow:0 20px 40px 0 rgba(40,50,60,.25)}.c-pr-preview.hilight:first-child{margin:0 10px 20px 0}.c-pr-preview.hilight:last-child{margin:0 0 20px 10px}.c-pr-preview.hilight .dscrpt-c span:nth-child(1){font-size:1.6rem;font-weight:700;color:rgba(40,50,60,1)}.c-pr-preview.hilight .dscrpt-c span:nth-child(1),.c-pr-preview.hilight .dscrpt-c span:nth-child(2){width:100%;box-sizing:border-box;padding:20px 20px 20px 20px;position:relative;float:left}.c-pr-preview.hilight .dscrpt-c span:nth-child(2){width:100%;max-height:0;padding:0 20px 0 20px;font-size:1.2rem;overflow:hidden;opacity:0;transition:.5s}.c-pr-preview.hilight:hover .dscrpt-c span:nth-child(2){max-height:80px;padding:0 20px 20px 20px;overflow:hidden;opacity:1}.c-pr-preview{width:calc(25% - 20px);height:330px;background-color:rgba(255,255,255,1);border-radius:5px;box-shadow:0 1px 3px 0 rgba(40,50,60,.25);overflow:hidden;cursor:pointer;transition:all .3s}.c-pr-preview:hover{box-shadow:0 20px 40px 0 rgba(40,50,60,.25)}.c-pr-preview:nth-child(4n+1){margin:0 10px 20px 0}.c-pr-preview:nth-child(4n+2){margin:0 10px 20px 10px}.c-pr-preview:nth-child(4n+3){margin:0 10px 20px 10px}.c-pr-preview:nth-child(4n+4){margin:0 0 20px 10px}.c-pr-preview .img-c{width:100%;height:60%;background-color:rgba(40,50,60,1);overflow:hidden;position:relative;float:left}.c-pr-preview .img-c img{width:110%;height:auto;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);opacity:1;transition:all .3s}.c-pr-preview:hover .img-c img{width:120%;opacity:.75;margin-top:-10px}.c-pr-preview .dscrpt-c{width:100%;min-height:40%;max-height:40%;background-color:rgba(255,255,255,1);padding:0 0 30px 0;box-sizing:border-box;position:absolute;left:0;bottom:0}.c-pr-preview:hover .dscrpt-c{min-height:initial;max-height:100%;box-shadow:0 0 40px 0 rgba(40,50,60,1)}.c-pr-preview .dscrpt-c span:nth-child(1){font-size:1.1rem;font-weight:700;color:rgba(40,50,60,1)}.c-pr-preview .dscrpt-c span:nth-child(1),.c-pr-preview .dscrpt-c span:nth-child(2){width:100%;box-sizing:border-box;padding:20px 20px 20px 20px;position:relative;float:left}.c-pr-preview .dscrpt-c span:nth-child(2){width:100%;max-height:0;padding:0 20px 0 20px;font-size:1rem;overflow:hidden;opacity:0;transition:.5s}.c-pr-preview:hover .dscrpt-c span:nth-child(2){max-height:80px;padding:0 20px 20px 20px;overflow:hidden;opacity:1}.c-pr-preview .dscrpt-c span:nth-child(3),.c-pr-preview .dscrpt-c span:nth-child(4){width:100%;height:20px;background-color:rgba(255,255,255,1);padding:0 10px 0 10px;box-sizing:border-box;position:absolute;right:0;bottom:20px;font-size:.8rem;line-height:20px;text-align:right;color:rgba(40,50,60,.5)}.c-pr-preview .dscrpt-c span:nth-child(4){bottom:0;color:rgba(40,50,60,1)}.c-article{width:100%;font-family:Kreon,serif;font-weight:400;font-size:1.2rem;line-height:1.8rem}.c-article img{width:38.2%;height:auto;float:left;border-radius:5px;margin:5px 20px 20px 0;box-shadow:0 1px 3px 0 rgba(40,50,60,.25)}.c-article span{display:inline-block;width:100%;text-align:right;font-size:.9rem;font-family:Quicksand,sans-serif}.c-article span:nth-child(1){color:rgba(40,50,60,.5)}.c-art-index{width:100%;height:50px;border-radius:3px;box-shadow:0 1px 3px 0 rgba(40,50,60,.25);overflow:hidden}.c-art-index .sep{width:4px;height:4px;border-radius:4px;background-color:rgba(200,200,200,1);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.c-art-index .sep:after,.c-art-index .sep:before{content:'';width:4px;height:4px;border-radius:4px;background-color:rgba(200,200,200,1);position:absolute;left:50%;top:-10px;transform:translateX(-50%)}.c-art-index .sep:after{top:initial;bottom:-10px}.c-art-index a{width:50%;height:100%;transition:all .3s}.c-art-index a:hover{background-color:rgba(40,50,60,1);color:rgba(255,255,255,1)}.c-art-index a span{width:100%;max-height:34px;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);overflow:hidden}.c-art-index a:nth-child(1) span{padding:0 10px 0 30px}.c-art-index a:nth-child(1):after,.c-art-index a:nth-child(1):before{content:'';width:12px;height:4px;border-radius:4px;background-color:rgba(200,200,200,1);position:absolute;left:10px;top:20px;transform:rotate(-45deg);transition:all .3s}.c-art-index a:nth-child(1):after{top:initial;bottom:20px;transform:rotate(45deg)}.c-art-index a:nth-child(2) span{padding:0 30px 0 10px;text-align:right}.c-art-index a:nth-child(2):after,.c-art-index a:nth-child(2):before{content:'';width:12px;height:4px;border-radius:4px;background-color:rgba(200,200,200,1);position:absolute;left:initial;right:10px;top:20px;transform:rotate(45deg);transition:all .3s}.c-art-index a:nth-child(2):after{top:initial;bottom:20px;transform:rotate(-45deg)}.c-art-index a:hover:after,.c-art-index a:hover:before{background-color:rgba(250,160,40,1)}@media (min-width:900px) and (max-width:1360px){.c-pr-preview.hilight .dscrpt-c span:nth-child(1){font-size:1.4rem}.c-pr-preview.hilight .dscrpt-c span:nth-child(2){font-size:1.2rem}.c-pr-preview{width:calc(33.333333% - 20px)}.c-pr-preview:nth-child(3n+1){margin:0 10px 20px 0}.c-pr-preview:nth-child(3n+2){margin:0 10px 20px 10px}.c-pr-preview:nth-child(3n+3){margin:0 0 20px 10px}}@media (min-width:430px) and (max-width:899px){.c-pr-preview.hilight{width:calc(100% - 20px)}.c-pr-preview.hilight:first-child{margin:0 10px 20px 10px}.c-pr-preview.hilight:last-child{margin:0 10px 20px 10px}.c-pr-preview.hilight .dscrpt-c span:nth-child(1){font-size:1.4rem}.c-pr-preview.hilight .dscrpt-c span:nth-child(2){font-size:1.2rem}.c-pr-preview{width:calc(50% - 20px)}.c-pr-preview:nth-child(2n+1){margin:0 10px 20px 0}.c-pr-preview:nth-child(2n+2){margin:0 0 20px 10px}}@media (min-width:0) and (max-width:429px){.c-pr-preview.hilight{width:calc(100% - 20px)}.c-pr-preview.hilight:first-child{margin:0 10px 20px 10px}.c-pr-preview.hilight:last-child{margin:0 10px 20px 10px}.c-pr-preview.hilight .dscrpt-c span:nth-child(1){font-size:1.2rem}.c-pr-preview.hilight .dscrpt-c span:nth-child(2){font-size:1rem}.c-pr-preview{width:calc(100% - 20px)}.c-pr-preview:nth-child(1n+1){margin:0 10px 20px 10px}}@media (min-width:0) and (max-width:480px){.c-article{padding:10px}.c-article img{width:100%;height:auto;float:left;border-radius:5px;margin:0 0 20px 0;box-shadow:0 1px 3px 0 rgba(40,50,60,.25)}.c-article span{text-align:center;margin:10px 0 0 0}}