/* CSS Document */
#service .wrap { padding: 80px 0px 80px 0px; display: flex; justify-content: space-between; }

#service .l { width: -webkit-calc(50% - 25px); width: -moz-calc(50% - 25px); width: calc(50% - 25px); overflow: hidden; }
#service .l .fupic { width: 100%; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
#service .l .fupic:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }

#service .r { width: -webkit-calc(50% - 25px); width: -moz-calc(50% - 25px); width: calc(50% - 25px); display: flex; justify-content: center; align-items: center; }
#service .r .con { font-size: 16px; line-height: 2; color: #2e2d3c; }
#service .r .con a { color: #2e2d3c; text-decoration: none; }
#service .r .con a:hover { color: #114fb7; text-decoration: underline; }

@media (max-width:991.98px) {
#service .wrap { padding: 30px 20px 30px 20px; flex-wrap: wrap; }
#service .l { width: 100%; }
#service .r { width: 100%; justify-content: flex-start; margin-top: 15px; }
}