.pn-category{display: flex;justify-content: center;flex-wrap: wrap;text-align: center;max-width: 1000px;margin: 0 auto 60px auto}
.pn-category .pn-item{border-radius: 10px;padding: 20px;margin: 0 15px 30px 15px;min-width: 270px;background: rgb(227,8,28);background: -moz-linear-gradient(top, rgba(227,8,28,1) 0%, rgba(254,31,51,1) 100%);background: -webkit-linear-gradient(top, rgba(227,8,28,1) 0%,rgba(254,31,51,1) 100%);background: linear-gradient(to bottom, rgba(227,8,28,1) 0%,rgba(254,31,51,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3081c', endColorstr='#fe1f33',GradientType=0 )}
.pn-category .pn-item:hover{opacity: 0.8}
.pn-category .pn-item img{margin: 0 auto 10px auto}
.pn-category .pn-item strong{display: block;color: #fff;font-size: 20px;line-height: 25px;font-weight: 900}
.pn-document{background-color: #f7f7f7;padding: 60px 0 0 0;margin-bottom: 60px}
.pn-document .row{display: flex;flex-wrap: wrap}
.pn-document .pn-item{margin-bottom: 30px}
.pn-document .pn-item .pn-image{width: 70px;float: left;margin-right: 10px}
.pn-document .pn-item .pn-name{font-size: 16px;line-height: 21px;display: block;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px}
.pn-document .pn-item .pn-name + p{font-size: 16px;line-height: 21px;color: rgba(0,0,0,.8);margin-bottom: 0}
/* sample */
.pn-sample .pn-title{margin-bottom: 30px;font-weight: bold}
.pn-sample .row{display: flex;flex-wrap: wrap}
.pn-sample .row:before,.pn-sample .row:after{display: none}
.pn-sample .row [class*='col-']{margin-bottom: 30px;font-weight: 500;text-align: justify}
.pn-sample .row [class*='col-'] .pn-image{margin-bottom: 10px}
.pn-sample .row [class*='col-'] .pn-image img{width: 100%}
.pn-sample .row [class*='col-'] .pn-image + div + p{margin-bottom: 0;margin-top: 10px;font-size: 14px;line-height: 19px}
.pn-sample .row [class*='col-'] .pn-name{font-size: 16px;line-height: 21px;font-weight: bold;color: #000;display: block}
.pn-sample .row [class*='col-'] .pn-name:hover{color: #e3081c}
.pn-sample .row [class*='col-'] .pn-highlights{border: 1px solid #dadada;background: #fff}
.pn-sample .row [class*='col-'] .pn-highlights .pn-title{font-size: 16px;line-height: 21px;color: #fff;background-color: #e3081c;padding:11px 25px;margin: -1px -1px 0 -1px;border: 1px solid #e3081c;text-transform: uppercase}
.pn-sample .row [class*='col-'] .pn-highlights ul{padding-left: 0;margin-bottom: 0;list-style: none;padding: 10px}
.pn-sample .row [class*='col-'] .pn-highlights ul li{border-bottom: 1px dashed #e9ecef;padding: 15px}
.pn-sample .row [class*='col-'] .pn-highlights ul li:last-child{border-bottom: 0}
.pn-sample .row [class*='col-'] .pn-highlights ul li .pn-image{float: left;margin-right: 15px;width: 115px;margin-bottom: 0 !important}
.pn-sample .row [class*='col-'] .pn-highlights ul li .pn-name{font-size: 14px;line-height: 19px;margin:20px 0 0 0;display: block;color: #373737}
.pn-sample .row [class*='col-'] .pn-highlights ul li .pn-name:hover{color: #e3081c}
.pn-detail .pn-name-detail{font-size: 26px;line-height: 31px;font-weight: bold;margin: 0 0 20px 0}
.pn-detail .wrapper-anchor{ border: 1px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 30px;background-color: #f0f0f0;color: #000}
.pn-detail .wrapper-anchor .anchor-title{font-weight: bold;font-size: 20px;line-height: 25px;margin: 0 0 15px 0;display: block}
.pn-detail .wrapper-anchor ul{list-style:none}
.pn-detail .wrapper-anchor ul,.pn-detail .wrapper-anchor ol{ margin: 0; padding-left: 0; list-style-position: inside}
.pn-detail .wrapper-anchor ul li,.pn-detail .wrapper-anchor ol li{cursor: pointer}
.pn-detail .wrapper-anchor ul li:not(:last-child),.pn-detail .wrapper-anchor ol li:not(:last-child){margin-bottom: 10px}
.pn-detail .wrapper-anchor ul li ul,.pn-detail .wrapper-anchor ol li ol{margin-top: 10px;padding-left: 15px}
.pn-related .pn-title{color: #000;margin: 30px 0;font-size: 20px;line-height: 25px;text-align: left}
.pn-related .row{display: flex;flex-wrap: wrap}
.pn-related .row:before,.pn-related .row:after{display: none}
.pn-related .row [class*='col-']{margin-bottom: 30px;font-weight: 500}
.pn-related .row [class*='col-'] .pn-image{margin-bottom: 10px}
.pn-related .row [class*='col-'] .pn-image img{width: 100%}
.pn-related .row [class*='col-'] p{margin-bottom: 0;margin-top: 10px;text-align: justify;font-size: 14px;line-height: 19px}
.pn-related .row [class*='col-'] .pn-name{font-size: 16px;line-height: 21px;font-weight: bold;color: #000;display: block;text-align: justify}
.pn-related .row [class*='col-'] .pn-name:hover{color: #e3081c}
@media only screen and (min-width: 1500px){.pn-sample .row [class*='col-'] .pn-highlights ul li .pn-name{font-size: 16px;line-height: 26px;margin-top: 14px}}
@media only screen and (min-width: 768px){.pn-related .row [class*='col-']:nth-child(4){display: none}}
@media only screen and (max-width: 991px){.pn-category,.pn-document{margin-bottom: 30px}.pn-document{padding-top: 30px}}
@media only screen and (max-width: 767px){.pn-category .pn-item strong{font-size: 18px}.pn-category .pn-item{min-width: 200px}}
@media only screen and (max-width: 570px){ .pn-sample .row .row [class*='col-']{width: 50%}.pn-document .row{display: block}.pn-category .pn-item{margin: 0 5px 10px 5px}.pn-category .pn-item strong{font-size: 15px}}
@media only screen and (max-width: 480px){.pn-category .pn-item{width: 100%;margin: 0 0 10px 0}.pn-category .pn-item strong{font-size: 20px}}
@media only screen and (max-width: 370px){ .pn-sample .row .row [class*='col-']{width: 100%} .pn-detail .pn-name-detail{font-size: 22px;line-height: 27px}}