#story { width:100%; float:left;}
#story .main { width:100%; float: left; padding: 30px; box-sizing: border-box;}
#storyBox { width:100%; float:left; position:relative;}
#storyBox .title { width:100%; text-align:center; font-size:24px; color:#333; line-height:28px; box-sizing:border-box; float:left; font-family: 'Din-Bold'; text-transform: none;}
#storyBox .content { width:100%; text-align:center; font-size:13px; line-height:18px; color:#333; box-sizing:border-box; float:left; margin-top:6px;}
#storyBox .list { width:100%; float:left; margin-top:0px;}
#storyBox .list ul { width:100%; float:left; margin-top: 10px;}
#storyBox .list ul li { width:100%; float:left;}
#storyBox .list ul li+li { margin-top: 15px; }
#storyBox .list ul li .img { width:100%; float:left; position:relative;}
#storyBox .list ul li .img>a { width: 100%; float: left; position: relative; }
#storyBox .list ul li .hasplay>a:before { content: ''; width: 66px; height: 66px; position: absolute; z-index: 2; left: 50%; top:50%; margin-left: -33px; margin-top: -33px; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; border-radius:100%; background-size: contain;}

#storyBox .list ul li .img img { width:100%; float:left; height:auto;}
#storyBox .list ul li .img .fileurl { display:none;}
#storyBox .list ul li .img .fileaction { width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; z-index:2; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; background-size: contain;}
#storyBox .list ul li .title { width:100%; float:left; font-size:16px; line-height:20px; color:#0095d8; font-family:'Din-Bold'; text-align:left; margin-top:10px; padding:0px;}
#storyBox .list ul li .title * { color:#0095d8; font-family:'Din-Bold';}
#storyBox .list ul li .info { width:100%; float:left; font-size:13px; line-height:18px; color:#666; margin-top:10px; padding-top: 10px; border-top: 1px solid #ccc;}
#storyBox .showmore { width:100%; float:left; margin-top:30px;}

#storyBox .showmore a { width: 100%; height: 51px; border-bottom: 4px solid #c86b00; background: #f19831; color: #fff; text-align: center; line-height: 51px; font-size: 21px; font-family: 'Din-Bold',Arial; text-transform: none; float: left; position:relative;}
#storyBox .showmore a:after { content:"+"; font-size: 24px; font-family: arial; color: #fff; position: absolute; right: 14px; }

.single-program.postid-2298 #story { background: #f0f2ef; }

#storyBox .list-story { width: 100%; float: left; margin-top: 12px; }
#storyBox .list-story .swiper-container { width: 100%; float: left; padding-bottom: 20px; }
#storyBox .list-story .swiper-container .swiper-wrapper {}
#storyBox .list-story .swiper-container .swiper-slide .img { width:100%; float:left; position:relative;}
#storyBox .list-story .swiper-container .swiper-slide .img>a { width: 100%; float: left; position: relative; }
#storyBox .list-story .swiper-container .swiper-slide .hasplay>a:before { content: ''; width: 66px; height: 66px; position: absolute; z-index: 2; left: 50%; top:50%; margin-left: -33px; margin-top: -33px; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; border-radius:100%; background-size: contain;}

#storyBox .list-story .swiper-container .swiper-slide .img img { width:100%; float:left; height:auto;}
#storyBox .list-story .swiper-container .swiper-slide .img .fileurl { display:none;}
#storyBox .list-story .swiper-container .swiper-slide .img .fileaction { width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; z-index:2; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; background-size: contain;}
#storyBox .list-story .swiper-container .swiper-slide .title { width:100%; float:left; font-size:16px; line-height:20px; color:#0095d8; font-family:'Din-Bold'; text-align:left; margin-top:10px; padding:0px;}
#storyBox .list-story .swiper-container .swiper-slide .title * { color:#0095d8; font-family:'Din-Bold';}
#storyBox .list-story .swiper-container .swiper-slide .info { width:100%; float:left; font-size:13px; line-height:18px; color:#666; margin-top:10px; padding-top: 10px; border-top: 1px solid #ccc;}
#storyBox .swiper-container .swiper-pagination { bottom:0px;}
#storyBox .swiper-container .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; border:1px solid #979797; border-radius:100%; box-sizing:border-box; background:none; opacity:1; margin: 0 3px;}
#storyBox .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border:1px solid #0095d8; background:#0095d8;}

#storyBox .list-faculty .swiper-container { width:100%; float:left; margin-top: 10px; padding-bottom: 20px; }
#storyBox .list-faculty .swiper-container .swiper-slide { width:100%; float:left;}
#storyBox .list-faculty .swiper-container .swiper-slide .img { width:100%; float:left; position:relative;}
#storyBox .list-faculty .swiper-container .swiper-slide .img>a { width: 100%; float: left; position: relative; }
#storyBox .list-faculty .swiper-container .swiper-slide .hasplay>a:before { content: ''; width: 66px; height: 66px; position: absolute; z-index: 2; left: 50%; top:50%; margin-left: -33px; margin-top: -33px; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; border-radius:100%; background-size: contain;}

#storyBox .list-faculty .swiper-container .swiper-slide .img img { width:100%; float:left; height:auto;}
#storyBox .list-faculty .swiper-container .swiper-slide .img .fileurl { display:none;}
#storyBox .list-faculty .swiper-container .swiper-slide .img .fileaction { width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; z-index:2; cursor:pointer; background: url(../images/icon-play-big.png) center center no-repeat; background-size: contain;}
#storyBox .list-faculty .swiper-container .swiper-slide .title { width:100%; float:left; font-size:16px; line-height:20px; color:#0095d8; font-family:'Din-Bold'; text-align:left; margin-top:10px; padding:0px;}
#storyBox .list-faculty .swiper-container .swiper-slide .title * { color:#0095d8; font-family:'Din-Bold';}
#storyBox .list-faculty .swiper-container .swiper-slide .info { width:100%; float:left; font-size:13px; line-height:18px; color:#666; margin-top:10px; padding-top: 10px; border-top: 1px solid #ccc;}