@charset "UTF-8";body.solution .main-content{background-image:url(../../uploads/solution/solution_bg.jpg)}body.solution .content-head .sort-area .selector .dropList ul.scrollbar-inner li{height:auto;min-height:45px;text-align:center;line-height:1.3}body.solution .content-body{width:100%;padding-left:40px;padding-right:80px;padding-bottom:125px}@media only screen and (max-width:1023px){body.solution .content-body{padding-bottom:50px}}@media only screen and (max-width:767px){body.solution .content-body{padding-left:10px;padding-right:10px}}body.solution .content-body .eachSolution{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:140px}@media only screen and (max-width:1023px){body.solution .content-body .eachSolution{margin-top:50px;padding-bottom:50px}body.solution .content-body .eachSolution:not(:last-child){border-bottom:1px solid #4d4d4d}}body.solution .content-body .eachSolution:first-child{margin-top:85px}@media only screen and (max-width:767px){body.solution .content-body .eachSolution:first-child{margin-top:50px}}body.solution .content-body .eachSolution:nth-child(odd) .photo_wrap{-webkit-clip-path:polygon(0 0, 94% 0, 94% 70%, 100% 70%, 100% 100%, 0 100%);clip-path:polygon(0 0, 94% 0, 94% 70%, 100% 70%, 100% 100%, 0 100%)}@media only screen and (max-width:1023px){body.solution .content-body .eachSolution:nth-child(odd){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}body.solution .content-body .eachSolution:nth-child(odd) .text{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}body.solution .content-body .eachSolution:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}body.solution .content-body .eachSolution:nth-child(2n) .photo_wrap{-webkit-clip-path:polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 70%, 6% 70%);clip-path:polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 70%, 6% 70%)}body.solution .content-body .eachSolution:nth-child(2n) .text{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}body.solution .content-body .eachSolution:nth-child(2n) .text_wrap{margin-right:45px}@media only screen and (max-width:1024px){body.solution .content-body .eachSolution:nth-child(2n) .text_wrap{margin-right:20px}}@media only screen and (max-width:767px){body.solution .content-body .eachSolution:nth-child(2n) .text_wrap{margin:0}}@media only screen and (max-width:1023px){body.solution .content-body .eachSolution:nth-child(2n){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}body.solution .content-body .eachSolution.show .photo{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}body.solution .content-body .eachSolution.show .text{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.solution .content-body .photo{position:relative;width:50%;-webkit-filter:drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.5));filter:drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.5));-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s;overflow:hidden}@media only screen and (max-width:1023px){body.solution .content-body .photo{width:100%}}body.solution .content-body .photo .photo_wrap{position:relative;display:block;padding-bottom:70.54%}body.solution .content-body .photo img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.solution .content-body .photo .cover{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;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:calc( 100% + 2px);height:calc( 100% + 2px);background-color:rgba(0, 0, 0, 0.6);opacity:0;-webkit-transition:.7s;-o-transition:.7s;transition:.7s}body.solution .content-body .photo .cover .inner span{display:block;width:112px;height:1px;margin-bottom:10px;background-color:#ef8d2d;-webkit-transition:2s .1s ease-out;-o-transition:2s .1s ease-out;transition:2s .1s ease-out}@media only screen and (max-width:767px){body.solution .content-body .photo .cover .inner span{width:70px}}body.solution .content-body .photo .cover .inner p{font-family:Abel, '微軟正黑體修正', '微軟正黑體';color:#fff;font-size:1.3125rem;text-align:center}@media only screen and (max-width:767px){body.solution .content-body .photo .cover .inner p{font-size:1rem}}body.solution .content-body .photo.onhover img{-webkit-transform:translate(-50%, -50%) scale(1.07);-ms-transform:translate(-50%, -50%) scale(1.07);transform:translate(-50%, -50%) scale(1.07)}body.solution .content-body .photo.onhover .cover{opacity:1}body.solution .content-body .photo.onhover .cover .inner span{width:180px}body.solution .content-body .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto 0;width:50%;letter-spacing:0.96px;padding-left:45px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s}@media only screen and (max-width:1023px){body.solution .content-body .text{width:100%;margin-top:40px}}@media only screen and (max-width:767px){body.solution .content-body .text{padding-left:0}}body.solution .content-body .text .text_wrap{display:block;max-width:470px}body.solution .content-body .text .date{font-size:1rem;color:#e47f24;position:relative}body.solution .content-body .text .date:before{position:absolute;content:"";width:12px;height:12px;background:#da382b;top:50%;left:-25px;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}@media only screen and (max-width:767px){body.solution .content-body .text .date{margin-left:30px}}body.solution .content-body .text .title{margin-top:45px;font-size:1.625rem;color:#ffffff;line-height:1.4;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media only screen and (max-width:1024px){body.solution .content-body .text .title{margin-top:30px}}@media only screen and (max-width:767px){body.solution .content-body .text .title{font-size:1.125rem}}body.solution .content-body .text p{color:#fff;margin-top:20px;line-height:1.7;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media only screen and (max-width:767px){body.solution .content-body .text p{font-size:0.875rem}}body.solution .content-body .text.onhover .title{color:#999999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.solution .content-body .text.onhover p{color:#666666;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
/*# sourceMappingURL=solution.css.map */