.pn-banner{margin-bottom: 60px}
.pn-news > .row > [class*='col-']{margin-bottom: 30px}
.pn-news .row{display: flex;flex-wrap: wrap}
.pn-news .row:before,.pn-news .row:after{display: none}
.pn-news .row .row [class*='col-']{margin-bottom: 30px}
.pn-news .row [class*='col-'] .pn-image{margin-bottom: 15px}
.pn-news .row [class*='col-'] .pn-image img{width: 100%}
.pn-news .row [class*='col-'] .pn-name{font-size: 16px;line-height: 26px;font-weight: bold;color: #000;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.pn-news .row [class*='col-'] .pn-name:hover{color: #409cff}
.pn-news .row [class*='col-'] .pn-name + p{margin-bottom: 0;font-size: 16px;line-height: 26px;color: #000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.pn-news .row [class*='col-'] .pn-highlights{border: 1px solid #dadada;margin-bottom: 30px}
.pn-news .row [class*='col-'] .pn-highlights .pn-title{font-size: 20px;line-height: 25px;color: #fff;background-color: #409cff;padding:9px 25px;border: 1px solid #409cff;text-transform: uppercase;margin-bottom: 0;font-weight: bold}
.pn-news .row [class*='col-'] .pn-highlights ul{padding-left: 0;margin-bottom: 0;list-style: none;padding: 10px}
.pn-news .row [class*='col-'] .pn-highlights ul li{border-bottom: 1px dashed #e9ecef;padding: 15px}
.pn-news .row [class*='col-'] .pn-highlights ul li:last-child{border-bottom: 0}
.pn-news .row [class*='col-'] .pn-highlights ul li .pn-image{float: left;margin-right: 15px;width: 115px;margin-bottom: 0 !important;border-radius: 0}
.pn-news .row [class*='col-'] .pn-highlights ul li .pn-name{font-size: 16px; line-height: 26px; margin: 15px 0 0 0;  color: #000; font-weight: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.pn-news .row [class*='col-'] .pn-highlights ul li .pn-name:hover{color: #409cff}
.pn-detail .pn-name-detail{font-size: 24px;line-height: 34px;font-weight: bold;margin: 0 0 25px 0;color: #141717}
.table-of-contents{width:100%;max-width:600px;background:#ebebeb;border:1px solid #d8d8d8;border-radius:3px;margin-bottom:30px;font-size:14px;display: none}.table-of-contents h3{margin:10px;font-size:17px;background:#409cff;color:#fff;text-transform:uppercase;padding:10px 20px;position:relative}.table-of-contents h3:hover{cursor:pointer}.table-of-contents h3:after{content:"";width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(135deg);transition:.2s}.table-of-contents h3.open:after{transform:translateY(-50%) rotate(-45deg)}.table-of-contents-item ol{margin:0}.table-of-contents-item ol ol{margin-left:0!important}.table-of-contents-item ol li{padding:3px 0}.table-of-contents-item ol li a{color:#333;text-decoration:none}.table-of-contents-item ol li a:hover{text-decoration:underline}
.table-of-contents-item > ol {margin-bottom: 20px}

.pn-related{padding-top: 20px;border-top: 1px solid #dfdfdf;}
.pn-related .pn-title{font-size: 24px;font-weight: 600;margin-bottom: 20px;text-align: left;line-height: 1.1;}
.pn-related .owl-nav{position: absolute; top: -50px; right: 0;}.pn-related .owl-nav button{height: 26px; line-height: 24px; width: 26px; text-align: center; font-size: 14px; padding: 0;background-color: rgba(1, 127, 254, 1); border: none; color: #fff;}.pn-related .owl-nav button.owl-next{margin-left: 5px;}.pn-related .owl-nav button:hover{background-color:rgb(102,174,249)}

@media only screen and (min-width: 1500px){ .pn-news .row [class*='col-'] .pn-highlights ul li .pn-name{font-size: 16px;line-height: 26px;margin-top: 14px}}
@media only screen and (max-width: 991px){ .pn-banner{margin-bottom: 30px}.pn-detail .pn-wrapper :is(h1,h2,h3){font-size: 20px;line-height: 25px}.pn-news>.row{display: block;} }
@media only screen and (max-width: 570px){ 
    .pn-detail .pn-wrapper :is(h1,h2,h3){font-size: 18px;line-height: 23px} .pn-news .row .row [class*='col-']{width: 50%} .pn-news .row [class*='col-'] .pn-name + p,.pn-news .row [class*='col-'] .pn-name{font-size: 14px;line-height: 24px}.pn-detail .pn-name-detail{font-size: 20px;line-height: 30px}
    .pn-news .row .row{margin-left: -8px;margin-right: -8px;} .pn-news .row .row [class*='col-']{padding-left: 8px;padding-right: 8px;}
}
@media only screen and (max-width: 370px){ .pn-news .row .row [class*='col-']{width: 100%}.pn-detail .pn-name-detail{font-size: 18px;line-height: 28px} }