.portfolioList .Img:after,.portfolioList .Img:before,.portfolioList .Txt{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}@media (min-width:1181px){.mainArea .contentBox.flex .rightBox{margin-top:0}}.portfolioList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.portfolioList .portfolioItem{width:33.3333333333%;padding:0 15px 30px}@media (max-width:1180px){.portfolioList .portfolioItem{width:50%}}@media (max-width:640px){.portfolioList .portfolioItem{width:100%}}.portfolioList .item{position:relative}@media (min-width:1181px){.portfolioList .item:hover .Img:before{opacity:1}.portfolioList .item:hover .Img:after{opacity:1}.portfolioList .item:hover .Txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1180px){.portfolioList .item .Txt{position:relative;opacity:1}}.portfolioList .linkWrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.portfolioList .Img{position:relative;display:block;width:100%}.portfolioList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolioList .Img:before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);opacity:0}.portfolioList .Img:after{pointer-events:none;content:"";position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);border:1px solid rgba(255,255,255,0.6);opacity:0}.portfolioList .Txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}.portfolioList .Txt .title{color:white;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px}.topBox{padding-bottom:20px}.topBox .articleTitle{text-align:center}.albumBox{width:100%;max-width:900px;margin:0 auto 30px}.albumBox .albumList .albumItem{overflow:hidden}.albumBox .albumList .albumItem img{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}.shareBox{float:right}.shareBox .btn-fb{display:inline-block;vertical-align:middle;margin-right:5px}.shareBox .back{display:inline-block;vertical-align:middle;padding:3px 5px;border-radius:3px;font-size:12px;color:#fff;background:rgb(174,66,51);background:-webkit-gradient(linear,left top,left bottom,from(rgb(174,66,51)),to(rgb(196,76,76)));background:linear-gradient(to bottom,rgb(174,66,51) 0%,rgb(196,76,76) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4233",endColorstr="#c44c4c",GradientType=0);cursor:pointer}@media (min-width:1181px){.shareBox .back:hover{background:#398cb1}}.workArea{padding-top:20px}.workArea .sectionTitle{font-size:30px}@media (max-width:1180px){.workArea .sectionTitle{font-size:26px}}@media (max-width:768px){.workArea .sectionTitle{font-size:22px}}.workArea .workList{margin:0 -10px}.workArea .workItem{padding:0 10px}.workArea .Img{position:relative;display:block;overflow:hidden}.workArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}@media (min-width:1181px){.workArea .Img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-text-decoration:0.5s;text-decoration:0.5s}}.workArea .title{text-align:center;font-size:20px;color:white;margin-top:15px}@media (min-width:1181px){.workArea .title a:hover{color:white;opacity:0.8}}.workArea .text{height:60px;color:#8B8B8B;font-size:16px;padding-top:10px}@media (max-width:1180px){.workArea .text{font-size:15px}}