.featured-topics{border:1px solid white;height:51px;margin-bottom:10px}.featured-topics strong{background:#0083d6;display:block;float:left;color:#fff;width:70px;line-height:51px;text-align:center}.featured-topics .topics-list{list-style:none;font-size:15px;margin-left:70px}.featured-topics .topics-list li{list-style-image:none;list-style-type:none;margin-left:0}.featured-topics .topics-list>li{border-bottom:1px solid white;height:25px;padding-left:10px;line-height:25px;background-color:#eee}.featured-topics .topics-list a{color:#474747;display:block}.featured-topics .topics-list a:hover{color:#0083d6}.news-feed{width:152px;margin-right:10px;background:#EEE;float:left;border-top:5px solid #4BAFEF}@media screen and (max-width: 767px){.news-feed{display:none !important}}.news-feed h3{color:#4BAFEF;padding:10px 0 0 10px}.news-feed li{font-size:14px;list-style:none;color:#515151;line-height:20px;padding:10px}.news-feed li:hover{color:#4BAFEF}.news-feed a{display:block;border-bottom:1px solid #CCC}.news-feed a span{font-size:12px;color:#949494;display:block;text-align:right}.small-articles ul{list-style-type:none;display:table;min-height:310px;height:100%;margin-bottom:10px;width:100%}@media screen and (max-width: 728px){.small-articles ul{height:auto}}.small-articles ul li{float:left;height:100%;border:1px solid #ccc;width:100%;max-width:calc( 50% - 5px );-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 728px){.small-articles ul li{width:100%;border:0}}.small-articles ul li:nth-child(odd){margin-right:10px}.small-articles .article-small{width:100%;float:left;position:relative;height:100%}.small-articles .article-small .article-tag{position:absolute;top:15px;padding:8px 16px;font-size:14px}.small-articles .article-small .article-tag a{color:white}.small-articles .article-small .article-tag.tag-review{background:rgba(107,75,227,0.9)}.small-articles .article-small .article-tag.tag-event{background:rgba(212,20,90,0.9)}.small-articles .article-small .front-excerpt-image{width:100%;display:block;border-bottom:1px solid #ccc}.small-articles .article-small .play-btn{position:absolute;top:calc(30% - 30px);left:calc(50% - 30px);width:60px;height:60px;background-image:url(https://cdn2.techbang.com/assets/play-btn-a-01-798763403e444f2290f43c1399308be758722b720f3a9060576633f21e78e601.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transition:all 0.35s ease-in-out;filter:drop-shadow(0px 0px 3px rgba(255,255,255,0.45))}.small-articles .article-small a:hover .play-btn{background-image:url(https://cdn2.techbang.com/assets/play-btn-a-02-7df550c990b3dc68b0322defdbd130698e880efa70bd7b3d0cefc1a3e8492faf.svg);transform:scale(1.12);filter:drop-shadow(0px 0px 12px rgba(0,0,0,0.65))}.small-articles .article-small .brief{padding:10px 10px 30px 10px}.small-articles .article-small .brief h2 a{font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.3em;height:3.9em;transition:all 0.2s ease-in-out;color:#474747}.small-articles .article-small .brief h2 a:hover{color:#0083d6}.small-articles .article-small .brief footer{position:absolute;font-size:12px;bottom:10px}.small-articles .article-small .brief footer span{color:#999}.small-articles .article-small .brief footer span .nickname{color:#2382C5}.article-large{width:970px;margin-bottom:10px;position:relative}@media screen and (max-width: 767px){.article-large{margin:10px auto;width:100%}}.article-large .article-large-description{position:absolute;display:block;background:rgba(0,0,0,0.6);padding:10px;line-height:1.3em;bottom:0;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.article-large .article-large-description h3{color:#4BAFEF;font-size:24px;line-height:1.3em}.article-large .article-large-description p{font-size:14px;color:white}.article-large img{width:970px}@media screen and (max-width: 767px){.article-large img{width:100%}}.article-large a .play-btn{position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px;background-image:url(https://cdn2.techbang.com/assets/play-btn-a-01-798763403e444f2290f43c1399308be758722b720f3a9060576633f21e78e601.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transition:all 0.35s ease-in-out;filter:drop-shadow(0px 0px 3px rgba(255,255,255,0.45))}.article-large a:hover .play-btn{background-image:url(https://cdn2.techbang.com/assets/play-btn-a-02-7df550c990b3dc68b0322defdbd130698e880efa70bd7b3d0cefc1a3e8492faf.svg);transform:scale(1.12);filter:drop-shadow(0px 0px 12px rgba(0,0,0,0.65))}p.load-more-articles{text-align:center;padding:0}@media screen and (min-width: 767px){p.load-more-articles a{display:block;width:70%;color:#2382C5;text-align:center;padding:10px;margin:30px auto;border:2px solid #2382C5;box-sizing:border-box;transition:all 0.25s ease-in-out}p.load-more-articles a:hover{color:#fff;background:#2382C5}}@media screen and (max-width: 767px){p.load-more-articles{width:95%;height:2rem;margin:0 auto 7.5rem;background:transparent;border:0.5px solid #0082d6;padding:0}p.load-more-articles a{display:block;width:100%;height:100%;line-height:2rem}}.carousel{position:relative}.carousel .carousel-inner{position:relative;width:100%;overflow:hidden}.carousel .carousel-inner .slide-images-inner{width:4850px}.carousel .carousel-inner .slide-yt-inner{width:2184px}.carousel .carousel-inner .slide-items{height:100%;display:block;padding:0;border:0;overflow:hidden;transition:all 500ms ease-out}.carousel .carousel-inner .slide-items .carousel-item{list-style-image:none;list-style-type:none;margin-left:0;float:left;position:relative;-ms-flex-align:center;align-items:center;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;display:block;transition-duration:.6s;transition-property:opacity}.carousel .control-next,.carousel .control-prev{position:absolute;top:calc(50% - 30px);display:flex;align-items:center;justify-content:center;width:30px;height:60px;color:#fff;background-color:#000000;text-align:center;opacity:0.6;transition:all 0.15s ease-in-out}.carousel .control-next .control-prev-icon,.carousel .control-next .control-next-icon,.carousel .control-prev .control-prev-icon,.carousel .control-prev .control-next-icon{background-position:center;background-repeat:no-repeat;width:20px;height:30px}.carousel .control-next:hover,.carousel .control-prev:hover{background-color:rgba(0,174,239,0.85);opacity:1}.carousel .control-prev{left:0}.carousel .control-prev .control-prev-icon{background-image:url(https://cdn0.techbang.com/assets/icons/control-prev-icon-73bdc5ab74e923b10332bbde3ce57d6ec770375c77ac39030254ff47cb17d4e9.svg);margin-right:5px}.carousel .control-next{right:0}.carousel .control-next .control-next-icon{background-image:url(https://cdn1.techbang.com/assets/icons/control-next-icon-42eb534cf4ba81c6903e4061ce162a791c3fb33c6c590a4e284ff9331ff737a8.svg);margin-left:5px}.large-content{margin-top:30px;margin-bottom:30px}@media screen and (max-width: 767px){.large-content{display:none !important}}.large-content h3{width:100%;font-size:28px;font-weight:bold;margin-bottom:10px}.large-content .content-wrapper{width:100%;padding:10px 0px;border-top:3px solid #2382C5;border-bottom:3px solid #2382C5}.large-content .video-content-wrapper{min-height:405px}.large-content .video-content-wrapper .carousel{float:left;width:720px}.large-content .side-content{float:right;width:240px;margin-left:10px}.large-content .side-content .video-holder{width:100%;height:197.5px;margin-bottom:10px;padding:10px;box-sizing:border-box;border:1px solid #CDCDCD}.large-content .side-content .video-holder a{color:#474747;transition:all 0.2s ease-in-out}.large-content .side-content .video-holder a:hover{color:#2382C5}.large-content .side-content .video-holder .img-holder{margin-bottom:10px}.large-content .side-content .video-holder .img-holder img{width:100%;height:auto}.large-content .side-content .video-holder h2{font-size:14px;line-height:1.2em}@media screen and (max-width: 767px){.headline,.ad-banner,.family-site-posts-gallery,.featured-topics{display:none !important}}.inner-content{width:100%;float:left;overflow-anchor:none}@media screen and (max-width: 767px){.inner-content{width:100%}}.yt_playlist{margin-bottom:10px}#stickies .notify_stickie{bottom:initial;z-index:initial;position:initial;top:0px;width:1280px;margin:0 auto}
