/*
* === BOT LISTING PAGE ===
*/
.bot { color: #555555; }
.bot .article-title { color: #ef7c00; font-size: 20px; margin-top: 0; }
.bot .detail { padding: 25px 0; margin-bottom: 20px; }
@media screen and (max-width:768px) {
    .bot .article-image { text-align: center; }
    .bot .article-image img { max-width: 280px; display: inline-block; }
    .bot .detail { text-align: center; }
}

/*
* === MANAGEMENT LISTING PAGE ===
*/

/* HEADER */
.management .page-subtitle { font-weight: bold; color: #bdbdbd; margin-bottom: 20px; text-transform: uppercase; }

/* FONT TYPE */
.list-management { color: #003d7c; }
.list-management .article-title a { color: #ef7c00; font-size: 20px; }
.list-management .article-title a:hover { color: #a35400; }

/* TOP */
.list-management .top .item { border-bottom: 1px solid #dedede; padding-bottom: 30px; margin-bottom: 30px; }
.list-management .item0 { padding-right: 0; border-right: 1px solid white; }
.list-management .item1 { padding-left: 0; border-left: 1px solid white; }
.list-management .article-image { position: relative; }
.list-management .article-image img { width: 100%; }
.list-management .article-title { margin-top: 0; }
.list-management .shadow { position: absolute; bottom: -4%; }
.list-management .detail { z-index: 100; position: relative; padding: 0 50px; }
@media screen and (max-width:991px) {
    .list-management .top .item { padding-bottom: 10px; }
    .list-management .detail { text-align: center; }
    .list-management .item0 { padding-right: 15px; border-right: none; }
    .list-management .item1 { padding-left: 15px; border-left: none; }
}
.cn .list-management .page-header { border-bottom: none; margin-bottom: 0; color: #666666; }

/* BOTTOM */
.list-management .theteam .item { margin-bottom: 20px; background: #fcfcfc; padding: 20px; }
@media screen and (max-width:991px) {
    .list-management .theteam .item { text-align: center; }
}

/*
* === MANAGEMENT DETAILED PAGE ===
*/
.management .detail-management .jumbotron h1 { font-size: 30px; margin-bottom: 5px; }
.management .detail-management p { font-size: 17px; }
.management .detail-management .address-block { font-size: 21px; color: #003d7c; margin-top: 40px; }
@media screen and (max-width:991px) {
    .mobile { text-align: center; }
    .mobile img { max-width: 250px; display: inline-block; }
}
@media screen and (max-width:768px) {
    .mobile { float: none !important; }
}

/* VERSION 1 */
.management.version1 .jumbotron { background: none !important; height: auto; margin: 0 0 50px 0; padding: 50px 0; border-bottom: 1px solid #ddd; text-align: left; }
.management.version1 .jumbotron-container { position: inherit; background: none; padding: 0; bottom: 0; margin: 0; }
@media screen and (max-width:768px) {
    .management.version1 .jumbotron { text-align: center; padding-top: 30px; }
}

/* VERSION 2 */
.management.new .jumbotron { position: relative; height: 600px; background-size: cover; border: none; margin-bottom: 50px; }
.management.new .jumbotron-container { left: 0; bottom: 50px; position: absolute; }
.management.new.align-right .jumbotron-container { right: 0; left: unset; }
.management.new.align-top .jumbotron-container { top: 20px; bottom: unset; }

/* iPAD */
@media screen and (max-width:991px) {
    .management.new .jumbotron { background: none !important; height: auto; border-bottom: 1px solid #ddd; text-align: center; padding-right: 0; margin-bottom: 25px; }
    .management.new .jumbotron-container { max-width: none; margin-left: 0px; margin-top: 0px; padding: 0; background: none; position: unset; }
    .management.new .ipad_display { display: block; }
}

/* MOBILE */
@media screen and (max-width:768px) {
    .management.new .ipad_display { display: none; }
}