/** header **/
.top-nav{background:none;position:fixed;top:40px;z-index:2000000000;}
.fixed_topnav{background:#fff;top:0px;z-index:2000000000;}

/** banner **/
.banner{padding:130px 0px;background-image:url('../../imgs/blog-detail-banner.png');background-repeat:no-repeat;background-size:cover;}
.banner-txt .banner-bri{font-family: Poppins-Medium;font-weight:500;font-size:16px;color: #FFFFFF;line-height:1.5em;}
.banner-txt .banner-tle{font-family: Poppins-Medium;font-weight: 500;font-size:34px;color: #FF6600;line-height:1.5em;margin-top:10px;}

/** detail **/
.related{margin-bottom:125px;}
.rl-tle{font-family: Poppins;font-weight: 400;font-size: 32px;color: #393939;line-height: 24px;}
.rl-da ul{width:100%;margin-bottom:10px;}
.rl-da>ul>li{width:calc((100% - 36px) / 3);float:left;margin-bottom:20px;margin-right:12px;background:#FFF;background: #FFFFFF;box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.05);border-radius: 4px;}
.rl-da li{padding:3px 0px 2px 0px;}
.rl-da li .rl-date {font-family: Poppins;font-weight: 400;font-size: 12px;color: #808080;line-height: 18px;}
.rl-da li .rl-nm{font-family: Poppins-Bold;font-weight: 400;font-size: 14px;color:#010101;line-height: 24px;}
.rl-da li .rl-nm a{color:#010101;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.rl-da li .rl-bri {margin-top:10px;font-family: Poppins;font-weight: 400;font-size: 12px;color: #7C8085;line-height: 22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.rl-tag ul{margin-bottom:18px;overflow:hidden;}
.rl-tag ul li{margin-right:8px;}
.rl-tag ul li a{display:inline-block;background:#FF9537;padding:6px 10px;font-family: Poppins;font-weight: 400;font-size: 12px;color: #FFFFFF;}
.rl-tag ul li a:hover{color:#FFFFFF!important;text-decoration:underline;}
.rl-img img{transition: all 0.8s;}
.rl-img img:hover{transform:scale(1.1);}
.rl-img{width:calc(100% - 20px);height:100%;overflow:hidden;margin:10px;}
.rl-info{width:100%;padding:12px 20px;}
.rl-da{margin-top:25px;}

.bl-pg{margin:60px 0px 50px 0px;}
.bl-pg ul{width:fit-content;margin:0px auto;}
.bl-pg ul li{padding:15px;float:none;}
.bl-pg ul li a{font-family:Poppins;font-weight:400;font-size:14px;color:#2C2C2C;}
.bl-pg ul li.page_active a{color:#FF7623;}

/** crumbs **/
.crumbs{width:100%;margin-top:100px;}
.crumbs ul{padding:20px 0px;overflow:hidden;}
.crumbs .home{width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-image:url('../../imgs/icons/home.png');}
.crumbs li{margin-right:10px;display:inline;float:initial;}
.crumbs .fa-home{color:#999;}
.crumbs li a span{color:#777;position:relative;font-family:Poppins;font-size:15px;display:inline;}
.crumbs li a span:hover{cursor:pointer;color:deepskyblue;}
.crumbs li .fa-angle-right{color:#777;}
.crumbs li a h2{color:#333;font-family:Poppins-Medium;font-weight:normal;font-size:15px;padding:20px 5px 20px 5px;display:inline;}


@media screen and (max-width:1440px) {

}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:1080px){

}
@media screen and (max-width:992px) {
    .top-nav{background:#fff;}
}
@media screen and (max-width: 768px) {
    .top-nav{top:0px;}
    .banner-txt .banner-tle{font-size:28px;line-height:1.3;}
    .related{margin-bottom:80px;}
    .rl-tle{font-size:28px;}
    .rl-da>ul>li{width:calc((100% - 36px) / 2);margin:9px;}
}
@media screen and (max-width:560px) {
    .banner-txt .banner-tle{font-size:26px;}
    .related{margin-bottom:0px;}
    .crumbs ul{padding:15px 0px;}
    .crumbs li{margin-right:3px;}
    .crumbs li a span{font-size:14px;}
    .crumbs li a span::after{font-size:14px;}
    .crumbs li a h2{font-size:14px;}
    .rl-tle{font-size:26px;}
    .rl-img img{width:100%;}
    .rl-da{margin-top:5px;}
    .rl-da>ul>li{width:calc(100% - 36px);margin:6px 18px;}
}
@media screen and (max-width:414px) {
    .banner-txt .banner-tle{font-size:26px;}
    .crumbs li{margin-right:3px;}
    .rl-da>ul>li{width:calc(100% - 18px);margin:6px 9px;}
    .bl-pg ul li{padding:8px;}
}