.top-desc {background-image: url("../../images/company/bg.jpg");background-size: cover}
.body-main {position: relative;}
#app-info {background-image: url("../../images/application/textbg.png");background-size: contain; background-position-y: bottom; background-repeat: no-repeat}
.title {font-size: 20px; font-weight: bold; color: #282828; text-shadow: 2px 2px 4px #3571ac}
.title-heavy {font-weight: bold; font-size: 32px; color: #134D87; display: flex; align-items: center}
.title-heavy span {color: #4a627d; font-size: 44px; font-weight: bold; margin: 0 20px}
#app-list {margin-top: 80px}
.app-item {width: 30%; box-shadow: -2px 2px 6px #4f4f4f; margin-bottom: 30px; background-color: #F7F7F7; transition: all .3s linear}
.app-item:hover {transform: translateY(-10px); transition: all .3s linear}
.app-item img {width: 100%; height: 200px; object-fit: cover}
.app-item .label {font-size: 16px; color: #0051A2}
.app-item .remark {font-size: 14px; color: #5b5b5b}
.app-item p {margin: 6px 0; padding-left: 10px}
.footer-link {display: block; font-size: 14px; color: white; align-self: flex-end; cursor: pointer; margin-top: 10px; line-height: 30px; background-color: #3571ac; padding: 4px 15px; transition: .15s linear all}
.footer-link:hover {background-color: #ed760e; transition: .15s linear all}

@media screen and (max-width: 750px) {
    .title, .title-heavy {display: none}
    #app-list {margin-top: 10px; align-items: stretch}
    .app-item {width: 48%; display: flex; flex-direction: column}
    .app-item .app-item-info {display:flex; flex-direction: column; flex-grow: 1}
    .app-item .label {flex-grow: 1}
}