.pn-news .pn-title a{color: var(--color-global)}
.pn-news .pn-title-tab{display: flex;justify-content: center;margin: -15px 0 40px 0}
.pn-news .pn-title-tab ul{list-style: none;display: flex;padding: 5px 3px;border: 1px solid var(--color-global);border-radius: 100px;margin-bottom: 0}
.pn-news .pn-title-tab ul li{margin: 0 2px;}
.pn-news .pn-title-tab ul li a{cursor: pointer;font-size: 16px;line-height: 21px;font-weight: bold;padding: 15px;border-radius: 100px;display: block;min-width: 240px;text-align: center}
.pn-news .pn-title-tab ul li.active a,.pn-news .pn-title-tab ul li:hover a{background-color: var(--color-global);color: var(--color-text-global)}
.pn-news .pn-wrapper-tab .pn-tab:not(.active){display: none}
/**/
.pn-news .pn-wrapper-item .row{display: flex;flex-wrap: wrap}
.pn-news .pn-wrapper-item .row:before,.pn-news .pn-wrapper-item .row:after{display: none}
.pn-news .pn-wrapper-item .row [class*='col-']{margin-bottom: 30px}
.pn-news .pn-item{background-color: #eff7ff;height: 100%;margin-bottom: 0;border-radius: 15px;overflow: hidden}
.pn-news .pn-item .pn-image{margin-bottom: 0}
.pn-news .pn-item .pn-content{padding: 20px;display: flex;flex-wrap: nowrap;align-items: flex-start}
.pn-news .pn-item .pn-content div{flex: 1;padding-left: 20px}
.pn-news .pn-item .pn-content .pn-date{padding: 10px 13.5px; background-color: #9ac5e2; border-radius: 5px; text-align: center;}
.pn-news .pn-item .pn-content .pn-date strong{font-size: 20px; line-height: 20px; padding: 5.5px 0; display: block; color: #fff; min-width: 100%; white-space: nowrap;}
.pn-news .pn-item .pn-content .pn-date strong:last-child{border-top: 2px solid #fff}

.pn-news .pn-wrapper-item .pn-item .pn-content .pn-name{margin-bottom: 5px}
.pn-news .pn-wrapper-item .pn-item .pn-content .pn-description{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;font-size: 14px;line-height: 24px}
.pn-news-overview .pn-wrapper-item .row [class*='col-']:is(:nth-child(1),:nth-child(2)){width: 50%}
/**/
.pn-row-top .row{display: flex}
.pn-row-top .row:before,.pn-row-top .row:after{display: none}
.pn-row-top .row [class*='col-']{margin-bottom: 30px}
.pn-outstanding{background-color: #eff7ff;padding: 20px;border-radius: 20px}
.pn-outstanding .pn-title{font-size: 20px;line-height: 30px;margin-bottom: 30px}
.pn-outstanding ul{margin-bottom: 0;list-style: none;padding-left: 0;max-height: 360px;overflow-y: auto}
.pn-outstanding ul li:not(:last-child){margin-bottom: 20px}
.pn-outstanding ul li .pn-item{display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 20px;margin-bottom: 0;background-color: transparent;border-radius: 0;}
.pn-outstanding ul li .pn-item .pn-image{width: 105px;min-width: 105px;border-radius: 10px;margin-bottom: 0}
.pn-outstanding ul li .pn-item .pn-content{width: calc(100% - 105px);min-width: calc(100% - 105px);padding: 0 0 0 20px !important;display: block}
.pn-outstanding ul li .pn-item .pn-content .pn-name{-webkit-line-clamp: 1;margin-bottom: 5px;text-transform: initial !important}
.pn-row-top .pn-item .pn-content .pn-description{margin-bottom: 0;font-size: 14px;line-height: 22px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.pn-outstanding ul::-webkit-scrollbar {width: 3px}
.pn-outstanding ul::-webkit-scrollbar-track {background: #f1f1f1}
.pn-outstanding ul::-webkit-scrollbar-thumb {background: #888}
.pn-outstanding ul::-webkit-scrollbar-thumb:hover {background: #eff7ff}
/**/
.pn-name-detail{font-size: 28px;line-height: 36px;text-align: left;margin-bottom: 10px;font-weight: 800;text-transform: initial;}
.pn-name-detail + .pn-description{margin-bottom: 20px}
.pn-share{padding: 5px 0;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;display: flex;justify-content: right;margin-bottom: 20px}
.pn-share ul{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;align-items: center}
.pn-share ul li{float: left}
.pn-share ul li:first-child{padding-right: 15px}
.pn-share ul li:not(:last-child){margin-right: 10px}
.pn-share ul li a{font-size: 14px;line-height: 19px;padding: 11px 25px 10px 25px;border-radius: 10px;color: #fff;display: block}
.pn-share ul li a .fa{margin-right: 15px;font-size: 17px}
.pn-share ul li.pn-share-fb a{background-color: #4385f5}
.pn-share ul li.pn-share-tw a{background-color: #111}
.pn-share ul li.pn-share-tw .fa{width: 18px;height: 18px;position: relative;float: left}
.pn-share ul li.pn-share-tw .fa:before{content: ""; width: 5px; border: 1px solid #fff; background-color: #000; height: 18px; position: absolute; transform: skewX(40deg); left: 6px;z-index: 1}
.pn-share ul li.pn-share-tw .fa:after{content: ""; width: 2px; background-color: #fff; height: 18px; position: absolute; transform: skewX(-40deg); left: 7px}
.pn-news-detail .pn-group{padding: 30px 20px 20px 20px;border-radius: 20px;background-color: #eff7ff;margin-bottom: 30px}
.pn-news-detail > .container > .row > [class*='col-']:nth-child(2){position: sticky;top: 100px}
.pn-news-detail .pn-group .js-table-of-contents{font-size: 20px;line-height: 30px;font-weight: 700; margin: 0 0 10px 0; color: var(--color-global); position: relative; text-transform: uppercase; text-align: center;cursor: pointer;}
.pn-news-detail .pn-group .js-table-of-contents i.fa-angle-up:before{content: "\f107"}
.pn-news-detail .pn-group .table-of-contents{background-color: transparent;padding: 0}
.pn-news-detail .pn-group .table-of-contents ol{list-style: none}
.pn-news-detail .pn-group .table-of-contents-item{margin-top: 20px;}
.table-of-contents ol {list-style: none;margin: 0;padding: 0;counter-reset: section}
.table-of-contents .data-toc > li {position: relative;padding-left: 50px;font-weight: bold;counter-increment: section;margin-bottom: 10px}
.table-of-contents .data-toc > li::before {content: counter(section);position: absolute;top: 0;left: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #fff;color: #333;font-weight: bold;border-radius: 8px;box-shadow: 0 0 4px rgba(0,0,0,0.1)}
.table-of-contents .data-toc > li > a{min-height: 40px;display: flex;align-items: center;text-transform: uppercase;}
.table-of-contents .data-toc ol {counter-reset: subsection;margin: 10px 0 15px 0}
.table-of-contents .data-toc ol > li {counter-increment: subsection; font-weight: normal;margin: 5px 0}
.table-of-contents .data-toc ol > li::before {content: counter(section) "." counter(subsection);margin-right: 6px;color: #333;font-weight: bold}
.pn-news-detail .pn-group.pn-outstanding ul{max-height: inherit;padding-right: 0}
.pn-news-detail .pn-group.pn-outstanding ul li{margin-bottom: 30px}
.pn-news-detail .pn-group.pn-outstanding ul li .pn-item .pn-content .pn-name{margin-bottom: 0;-webkit-line-clamp: 3;font-size: 14px;line-height: 22px;}
/**/
.pn-related{padding-top: 30px;border-top: 1px solid #aaa;position: relative}
.pn-related .pn-title{text-align: left;margin-bottom: 30px;font-weight: 800;}
.pn-related .row [class*='col-']:nth-child(4){display: none}
.pn-related .owl-carousel .owl-dots{position: initial;margin-bottom: 30px;text-align: center;transform: translateX(0)}
.pn-related .owl-carousel .pn-item{margin-bottom: 30px;}
.pn-related .owl-carousel .owl-dots .owl-dot{background-color: #aaa;width: 10px;height: 10px;min-width: 10px;}
.pn-related .owl-carousel .owl-dots .owl-dot.active{background-color: var(--color-global);width: 30px;min-width: 30px;}
/**/
.breadcrumbs{display:none}
.pn-wrapper-pagination{margin-bottom: 30px;}
.show-sm{display: none;}
@media only screen and (min-width: 1500px){
  .pn-news-overview .row [class*='col-']:is(:nth-child(1),:nth-child(2)) .pn-item .pn-content,.pn-row-top .row [class*='col-']:nth-child(1) .pn-item .pn-content{padding: 30px}
  .pn-news-overview .row [class*='col-']:is(:nth-child(1),:nth-child(2)) .pn-item .pn-content div,.pn-row-top .row [class*='col-']:nth-child(1) .pn-item .pn-content div{padding-left: 30px}
  .pn-news-overview .row [class*='col-']:is(:nth-child(1),:nth-child(2)) .pn-item .pn-date strong,.pn-row-top .row [class*='col-']:nth-child(1) .pn-item .pn-date strong{font-size: 28px;line-height: 28px}
}
@media only screen and (max-width: 1499px){
    .pn-outstanding ul{max-height: 280px}
}
@media only screen and (min-width: 1200px){
    .pn-news-overview .row [class*='col-']:is(:nth-child(1),:nth-child(2)) .pn-item .pn-content .pn-name,.pn-row-top .row [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 18px;line-height: 26px;}
    
}
@media only screen and (max-width: 1199px){
    .pn-news .pn-wrapper-item .pn-item .pn-content{padding: 15px}
    .pn-news .pn-wrapper-item .pn-item .pn-content .pn-name{margin-bottom: 5px}
    .pn-news .pn-item .pn-content .pn-date strong,.pn-news-category .pn-item .pn-content .pn-date strong{font-size: 15px;line-height: 15px}
}
@media only screen and (max-width: 991px){
    .pn-news-overview .row [class*='col-']:nth-child(1) .pn-item .pn-content .pn-name{font-size: 16px;line-height: 24px}
    .pn-news-overview .row [class*='col-']:nth-child(1) .pn-item .pn-content .pn-description{font-size: 14px;line-height: 22px}
    .pn-news .pn-wrapper-item .pn-item .pn-content,.pn-news .pn-item .pn-content{display: block;position: relative;padding: 20px 15px}
    .pn-news .pn-item .pn-content div{padding-left: 0}
    .pn-news .pn-item .pn-content .pn-date{position: absolute; bottom: calc(100% + 15px);padding: 5px 15px;left: 15px;z-index: 1}
    /**/
    .table-of-contents{padding: 20px;border-radius: 10px;background-color: rgb(232 247 244);width: 60%;margin-bottom: 30px}
    .table-of-contents h3{margin: 0;font-weight: bold;font-size: 18px;line-height: 28px;cursor: pointer;position: relative;text-transform: uppercase;color: var(--color-global);}
    .table-of-contents h3:after{font-family: "FontAwesome";content: "\f107";position: absolute;right: 0;top: 0}
    .table-of-contents h3.open:after{content: "\f106"}
    .table-of-contents-item{margin-top: 20px}
    .table-of-contents .data-toc > li{font-weight: 600}
    .pn-name-detail,.pn-related .pn-title{font-weight: bold;}
    .breadcrumbs,.show-sm{display:block}.hidden-sm{display: none;}
}
@media only screen and (min-width: 768px){
    .pn-related .pn-title{font-size: 28px;line-height: 36px;}
}
@media only screen and (max-width: 767px){
    .pn-news .pn-title-tab{display: none}
    .pn-news-overview .pn-wrapper-item .row [class*='col-']:nth-child(1),.pn-news-category .pn-wrapper-item .row [class*='col-']:nth-child(1){width: 100%}
    .pn-news-overview .row [class*='col-']:nth-child(2) .pn-item .pn-content .pn-name{text-transform: initial}
    .pn-news .pn-item .pn-content{display: flex !important}
    .pn-news .pn-item .pn-content div{padding-left: 10px}
    .pn-news .pn-item .pn-content .pn-date{border-radius: 5px;padding: 0 4.5px;position: initial}
    .pn-news .pn-item .pn-content .pn-date strong{font-size: 12px; line-height: 17px; padding: 1px 0}
    /* .pn-news .pn-wrapper-item .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px}
    .pn-news .pn-wrapper-item .pn-item .pn-content .pn-description{font-size: 13px;line-height: 20px} */
    .pn-row-top .row [class*='col-']:first-child .pn-item .pn-content .pn-name{margin-bottom: 5px}
    /**/
    .pn-name-detail{font-size: 20px;line-height: 30px}
    .pn-related .row [class*='col-']:nth-child(4){display: block}
    .pn-related .pn-title{font-size: 20px;line-height: 30px}
    .table-of-contents{padding: 15px;width: 80%}
}
@media only screen and (max-width: 680px){
    .table-of-contents{width: 100%}
    .pn-share ul li:first-child{padding-right: 0;}
}
@media only screen and (max-width: 570px){
    .pn-news .pn-wrapper-item .row{margin: 0 -8px}
    .pn-news .pn-wrapper-item .row [class*='col-']{width: 50%;padding: 0 8px;margin-bottom: 15px}
    .pn-wrapper-pagination{margin-top: 15px}
    /**/
    .pn-share ul li a{width: 40px;padding-left: 0;overflow: hidden;white-space: nowrap;border-radius: 5px}
    .pn-share ul li.pn-share-fb a .fa{width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 0}
    .pn-share ul li.pn-share-fb a{width: 30px;height: 30px;padding: 0}
    .pn-share ul li.pn-share-tw a{width: 30px;padding: 6px 0 0 7px;height: 30px;overflow: hidden;white-space: nowrap;margin: 0}
    .pn-share ul li.pn-share-tw a .fa{width: 30px;text-align: center;margin: 0}
    /**/
    .pn-name-detail{font-size: 18px;line-height: 25px}
    .pn-related{margin-bottom: 15px}
    .pn-related .pn-title{font-size: 18px;line-height: 25px;}
    .pn-news .pn-related .pn-item .pn-content div{padding-left: 0;}
    .pn-news .pn-related .pn-item .pn-content .pn-date{display: none;}
}
@media only screen and (max-width: 480px){
    .pn-news .pn-wrapper-item .row{display: block;}
    .pn-news .pn-wrapper-item .row [class*='col-']{width: 100% !important}
    .pn-news-overview .row [class*='col-']:nth-child(1) .pn-item .pn-content .pn-description,.pn-row-top .pn-item .pn-content .pn-description{font-size: 14px;line-height: 22px}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item{display: flex;}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 40%;min-width: 40%;margin-bottom: 0;}
    .pn-news .pn-wrapper-item .row [class*='col-']:first-child .pn-item .pn-content{padding: 15px 0 0 0;}
    .pn-news .pn-item .pn-content div{padding-left: 0;}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item .pn-content{padding: 0 0 0 15px;}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item .pn-content .pn-name{margin-bottom: 0;}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item .pn-content .pn-description{display: none;}
    .pn-news .pn-wrapper-item .row [class*='col-']:first-child .pn-item .pn-content .pn-description{-webkit-line-clamp: 4}
    .pn-news .pn-wrapper-item .row [class*='col-'] .pn-item{background-color: transparent;border-radius: 0;padding-bottom: 15px;margin-bottom: 15px}
    .pn-news .pn-wrapper-item .row [class*='col-'] .pn-item .pn-content{display: block;}
    .pn-news .pn-wrapper-item .row [class*='col-'] .pn-item .pn-content .pn-name{-webkit-line-clamp: 4}
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:last-child) .pn-item{border-bottom: 1px solid #eee;}
    .pn-news .pn-wrapper-item .row [class*='col-'] .pn-item .pn-image{border-radius: 5px;}
    .pn-news .pn-wrapper-item .row [class*='col-'] .pn-item .pn-content .pn-date{display: none}
    .pn-news-overview .row [class*='col-']:nth-child(1) .pn-item .pn-content .pn-name,.pn-row-top .row [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 17px;line-height: 25px;}
    .pn-news .row [class*='col-']:not(:nth-child(1)) .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px;}
    /**/
}
@media only screen and (max-width: 370px){
    .pn-news .pn-wrapper-item .row [class*='col-']:not(:first-child) .pn-item .pn-content .pn-name{-webkit-line-clamp: 3}
}