.pn-news{margin-top: 40px}
.pn-news .row{display: flex;flex-wrap: wrap}
.pn-news .row:before,.pn-news .row:after{display: none}
.pn-news .row .row [class*='col-']{text-align: justify;margin-bottom: 30px}
.pn-news .row [class*='col-'] .pn-image{margin-bottom: 15px;border-radius: 10px}
.pn-news .row [class*='col-'] .pn-image img{width: 100%}
.pn-news .row [class*='col-'] .pn-image + div + p{margin-bottom: 0;margin-top: 10px;font-size: 14px;line-height: 19px}
.pn-news .row [class*='col-'] .pn-name{font-size: 16px;line-height: 26px;font-weight: bold;color: #000;display: block;margin-bottom: 10px}
.pn-news .row [class*='col-'] .pn-name:hover{color: #e0061f}
.pn-news .row [class*='col-'] .pn-name + p{margin-bottom: 0;font-size: 16px;line-height: 26px;color: #000}
.pn-news .row [class*='col-'] .pn-highlights{border: 1px solid #dadada;border-radius: 10px}
.pn-news .row [class*='col-'] .pn-highlights .pn-title{font-family: "Open Sans", sans-serif;font-size: 20px;line-height: 25px;color: #fff;background-color: #e0061f;padding:9px 25px;border: 1px solid #e0061f;text-transform: uppercase;border-radius: 10px 10px 0 0;margin-bottom: 0;}
.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; display: block; color: #000; font-weight: normal}
.pn-news .row [class*='col-'] .pn-highlights ul li .pn-name:hover{color: #e0061f}
.pn-news .pn-wrapper-pagination{margin-top: 30px}
.pn-detail .pn-name-detail{font-size: 20px;line-height: 30px;font-weight: bold;margin: 0 0 25px 0;color: #141711}
.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;padding: 10px}
.table-of-contents h3{margin:0;font-size:17px;background:#1e1e1e;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;list-style:n}.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: 10px 0 20px 0}
@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-detail .pn-name-detail{font-size: 30px;line-height: 40px;}}
@media only screen and (max-width: 767px){.pn-detail .pn-name-detail{font-size: 25px;line-height: 35px}}
@media only screen and (max-width: 570px){ .pn-news .row .row [class*='col-']{width: 50%} .pn-news .row [class*='col-'] .pn-name + p{font-size: 14px;line-height: 24px}.pn-detail .pn-name-detail{font-size: 20px;line-height: 30px}}
@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} }