@charset "utf-8";

.person-nav li{height:90px;}
.person-nav li a:hover, .person-nav li.active a:hover, .person-nav li.active a:focus, .person-nav li.active a{border:none;}
.person-nav li.active img{border:3px solid #2177c3;}
.person-nav img{height:100%;margin:0 2px;border:3px solid #e0e0e0;}

.cbp_box{position:relative;margin:25px auto; width:70%;}
.cbp_head img{border:8px solid #e4e4e4;margin-right:15px;float:left;}
.cbp_info{float:left;width:60%;}
.tmtimeline {margin:0;padding:0px 0 50px 0;list-style:none;position:relative;}
.tmtimeline:before {content:'';position:absolute;top:0;bottom:0;width:10px;background:#e4e4e4;left:25%;}
.tmtimeline > li .cbp_tmtime {display:block;width:30%;padding-right:100px;position:absolute;}
.tmtimeline > li .cbp_tmtime span {display:block;text-align:right;color:#666;font-size:2.4em;}
.tmtimeline > li .cbp_tmicon {cursor:pointer;width:30px;height:30px;line-height:30px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#CCC;border-radius:50%;border:6px solid #ddd;text-align:center;left:25%;margin:0 0 0 -10px;}
.tmtimeline > li .cbp_tmicon:hover{background-color:#ddd;border-color:#ccc;}
.tmtimeline > li .cbp_tmlabel {margin:0 0 15px 30%;background:#e5e3e3;color:#666;padding:2em;font-size:16px;line-height:1.4;position:relative;border-radius:5px;}
.tmtimeline > li .cbp_tmlabel h3{margin:0 0 10px 0;}
.tmtimeline > li:nth-child(even) .cbp_tmlabel {background:#ebebeb;}
.tmtimeline > li .cbp_tmlabel:after {right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#e5e3e3;border-width:10px;top:10px;}
.tmtimeline > li:nth-child(even) .cbp_tmlabel:after {border-right-color:#ebebeb;}

@media screen and (max-width:65.375em) {
    .tmtimeline > li .cbp_tmtime span:last-child {font-size:1.5em;}
    .tmtimeline > li .cbp_tmtime{padding-right:60px;}
}

/*
@media screen and (max-width:47.2em) {
    .tmtimeline:before {display:none;}
    .tmtimeline > li .cbp_tmtime {width:100%;position:relative;padding:0 0 20px 0;}
    .tmtimeline > li .cbp_tmtime span {text-align:left;}
    .tmtimeline > li .cbp_tmlabel {margin:0 0 30px 0;padding:1em;font-weight:400;font-size:95%;}
    .tmtimeline > li .cbp_tmlabel:after {right:auto;left:20px;border-right-color:transparent;border-bottom-color:#e5e3e3;top:-20px;}
    .tmtimeline > li:nth-child(even) .cbp_tmlabel:after {border-right-color:transparent;border-bottom-color:#ebebeb;}
    .tmtimeline > li .cbp_tmicon {position:relative;float:right;left:auto;margin:-55px 5px 0 0px;}
}*/