.breadcrumb-box{border-bottom:1px solid #2870DC;font-size:12px;width:100%;height:30px;line-height:30px;margin-bottom:10px;}
.breadcrumb-box .main-title{color:#000;display:inline-block;font-size:14px;padding-left:14px;position:relative;}
.breadcrumb-box .main-title:before{content:'';display:inline-block;width:6px;height:16px;position:absolute;left:0;top:7px;background:url(/library/uiFramework/commonResource/image/2020010422062671918.png) repeat-x;}
.breadcrumb-box .main-title a{font-size:14px;}
.breadcrumb-box a.SkinObject{font-size:14px;}

#left_area{margin-right:20px;width:450px;}
.map-img{width:100%;margin-top:10px;}
#content_area{float:left;width:480px;}
.category-list{margin-top:20px;}
.category-list > li{background-color:#e4e4e4;float: left;font-size: 14px;height: 34px;line-height: 34px;width: 25%;text-align: center;}
.category-list > li.active{background-color:#2870DC;color:#fff;}

.content-list-box ul > li{height:85px;}
.content-list-box ul > li > .left-part{float:left;width:90px;height:100%;}
.content-list-box ul > li > .left-part img{width:100%;height:auto;}
.calendar-today {
  border-bottom:3px solid #2870DC;
  width:100px;
  margin-left:-10px;
}
.calendar-today .day {
  background-color:#2870DC;
  color:#fff;
  font-size:48px;
  width:100%;
  height:100px;
  line-height:100px;
  text-align:center;
}
.calendar-today .year-month {
  border-bottom:1px solid #2870DC;
  margin:5px 0 1px;
  padding-bottom:8px;
}
.calendar-today .year {
  color:#2870DC;
  font-size:18px;
}
.calendar-today .month {
  background-color:#2870DC;
  color:#fff;
  display:inline-block;
  float:right;
  font-size:18px;
  padding:0 4px;
}
.calendar-today .week {
  color:#2870DC;
  font-size:18px;
  margin-top:10px;
  text-align:center;
}
#calendarBox {
  width: 360px;
  background-color: #ebebeb;
  font-weight: 700;
}
#calendarBox .clndr-controls {
  background-color: #fff;
  border:1px solid #ccc;
  color: #000;
  padding: 10px;
  text-align: center;
}
#calendarBox .clndr-controls .clndr-previous-button {
  float: left;
  text-align: left;
}
#calendarBox .clndr-controls .clndr-next-button {
  float: right;
  text-align: right;
}
#calendarBox .clndr-controls .clndr-previous-button,
#calendarBox .clndr-controls .clndr-next-button {
  width: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */

}
#calendarBox .clndr-controls .clndr-previous-button:hover,
#calendarBox .clndr-controls .clndr-next-button:hover {
  opacity: 0.5;
}
#calendarBox .clndr-grid {
  float: left;
  border: 1px solid #ccc;
}
#calendarBox .clndr-grid .days-of-the-week {
  width: 100%;
}
#calendarBox .clndr-grid .days-of-the-week .header-day {
  background-color: #2870DC;
  box-sizing:border-box;
  float: left;
  width: 14.2857%;
  padding: 10px 0;
  text-align: center;
  color: white;
}
#calendarBox .clndr-grid .days {
  width: 100%;
}
#calendarBox .clndr-grid .days .day,
#calendarBox .clndr-grid .days .empty {
  float: left;
  width: 14.2857%;
  height: 36px;
  line-height: 36px;
  padding: 10px 0;
  text-align: center;
  color: #4f4f4f;
  background-color: #ebebeb;
  border-bottom: 2px solid white;
  background-image: url('http://kylestetz.github.io/CLNDR/css/./triangle.svg');
  background-size: cover;
  background-position: center;
}
#calendarBox .clndr-grid .days .day.event .day-number,
#calendarBox .clndr-grid .days .empty.event .day-number {
  padding-bottom: 4px;
  border-bottom: 2px solid #3883a3;
}
#calendarBox .clndr-grid .days .day.adjacent-month .day-number,
#calendarBox .clndr-grid .days .empty.adjacent-month .day-number {
  opacity: 0.3;
}
#calendarBox .clndr-grid .days .today {
  background-color: #2870DC;
  background-image: none;
  color: #fff;
}
#calendarBox .event-listing {
  float: left;
  width: 35%;
}
#calendarBox .event-listing .event-listing-title {
  padding: 14px;
  background-color: #71bbd2;
  text-align: center;
  color: white;
  letter-spacing: 1px;
}
#calendarBox .event-listing .event-item {
  padding: 14px;
  color: #4f4f4f;
}
#calendarBox .event-listing .event-item-location {
  font-weight: 400;
}
.content-list-box ul > li > .right-part{float:left;margin-left:10px;width:380px;}
.content-list-box ul > li > .right-part .title{font-weight:bold;}
.content-list-box ul > li > .right-part .title > a{font-size:14px;}
.content-list-box ul > li > .right-part .summary{margin-top:6px;}
.content-list-box ul > li > .right-part .date{text-align:right;margin-top:4px;}