/* about
----------------------------------------------- */
.about-page {
 padding-bottom: 80px;
}
#about {
}
#about .title {
 font-size: 30px;
 color: #333;
 font-weight: bold;
 margin-bottom: 40px;
}
#about .content {
 line-height: 200%;
 color: #777;
}
#about .about-img {
 margin-left: 30px;
 position: relative;
}
#about .about-img img {
 width: 100%;
}
#about .about-img .fa {
 position: absolute;
 left: 50%;
 top: 50%;
 font-size: 100px;
 margin-left: -50px;
 margin-top: -50px;
 color: #FFF;
 cursor: pointer;
}
#about .num-box {
 background-color: #004FA4;
 color: #FFF;
}
#about .num-box {
 padding-top: 60px;
 padding-bottom: 65px;
 text-align: center;
}
#about .num-box .item {
 border-right: 1px solid #CCC;
}
#about .num-box .item .num {
 font-size: 52px;
 font-family: Arial, Helvetica, sans-serif;
}
#about .num-box .item .num span {
 font-weight: bold;
 font-size: 52px;
 margin-right: 5px;
}
#about .num-box .item .text {
 font-size: 20px;
}
#index .about-box .item:nth-child(3) #about .num-box .item .num {
 font-size: 24px;
}
.scroll-area {
 padding-top: 120px;
}
@media (max-width:992px) {
 .scroll-area {
  padding-top: 60px;
 }
}
.scroll-area h2 {
 text-align: center;
 font-size: 30px;
 font-weight: bold;
 margin-bottom: 30px;
}
.scroll-area .sub {
 color: #999;
 font-size: 14px;
 margin-bottom: 30px;
 text-align: center;
}
.scroll-area .scroll-content {
}
.scroll-area .scroll-content img {
 max-width: 100%;
}
.modal-dialog {
 transition: 1s
}
.modal-dialog .modal-content {
 position: relative;
}
.modal-dialog .modal-content .fa-close {
 position: absolute;
 right: 10px;
 top: 10px;
 font-size: 20px;
 color: #FFF;
 transition: 1s;
 cursor: pointer
}