/* choose */
.pn-choose{margin-bottom: 60px}
.pn-choose .pn-wrapper-item{background-repeat: no-repeat;background-size: contain;background-position: top center;min-height: 525px;background-size: 500px}
.pn-choose .pn-title span{display: block}
.pn-choose .pn-wrapper-item{padding-top: 100px}
.pn-choose .pn-item{width: calc(100% / 3);display: block;margin-top: 60px}
.pn-choose .pn-item:nth-child(even){float: right;padding-left: 60px}
.pn-choose .pn-item:nth-child(odd){text-align: right;padding-right: 60px}
.pn-choose .pn-item:nth-child(1),.pn-choose .pn-item:nth-child(2){margin-top: 0}
.pn-choose .pn-item .pn-image{width: 45px;height: 45px;line-height: 45px;border-radius: 100px;background-color: #e3081c;display: inline-block;margin-bottom: 10px}
.pn-choose .pn-item .pn-image:hover img{transform: inherit;-moz-transform: inherit;-webkit-transform: inherit}
.pn-choose .pn-item .pn-name{display: block;font-weight: bold;text-transform: uppercase;margin-bottom: 5px;font-size: 16px;line-height: 21px}
.pn-choose .pn-item .pn-wrapper{white-space: break-spaces}
/* course */
.pn-course{margin-bottom: 60px;position: relative;padding-bottom: 70px}
.pn-course:before{content: "";position: absolute;height: 230px;width: 100%;left: 0;bottom: 0;background-color: #f7f7f7}
.pn-course .pn-item .pn-image{border-radius: 20px}
.pn-course .owl-carousel{padding: 0 60px}
.pn-course .owl-carousel .owl-nav div{width: 40px;height: 40px;background-color: #fff;border-radius: 100px;opacity: 1;visibility: visible;line-height: 40px;box-shadow: 0 1px 5px rgba(0,0,0,.2);color: #7f7f7f;opacity: 0.5}
.pn-course .owl-carousel .owl-nav div:hover{background-color: #e3081c;color: #fff;border-color: #e3081c}
/* detail */
.pn-detail{margin-bottom: 30px}
.pn-detail .pn-title{color: #000;font-weight: bold;margin-bottom: 30px}
.pn-detail .pn-title + .pn-wrapper{margin-top: 0}
.pn-detail .pn-wrapper table{max-width: 100%}
.pn-detail .pn-wrapper table tr td{padding: 15px}
.related-course {margin-top: 20px;margin-bottom: 20px}
.related-course a {color: #0079cf}
.related-course a:hover {color: #e3081c}
@media only screen and (max-width: 1499px){
    .pn-choose .pn-wrapper-item{background-size: 450px}
    .pn-choose .pn-wrapper-item{padding-top: 80px}
}
@media only screen and (max-width: 991px){
    .pn-course{margin-bottom: 30px;padding-bottom: 30px}
    .pn-choose{margin-bottom: 0}
    .pn-choose .pn-wrapper-item{background-size: 400px;padding-top: 60px}
    .pn-course .owl-carousel{padding: 0}
    .pn-choose .pn-content{padding: 30px 30px 0 30px}
    .pn-course .owl-nav{display: flex;width: 100px;margin: 30px auto 0 auto}
    .pn-course .owl-nav>div{position: initial;background-color: #115df6;border-radius: 100px;font-size: 20px;margin: 0 5px}
}
@media only screen and (max-width: 767px){
    .pn-choose{margin-bottom: 60px}
    .pn-choose .pn-wrapper-item{background-image: none !important;padding-top: 0;margin: 0 -15px;min-height: inherit}
    .pn-choose .pn-wrapper-item > div{display: flex;flex-wrap: wrap}
    .pn-choose .pn-item{width: 50%;margin-top: 30px;padding: 0 15px}
    .pn-choose .pn-item:nth-child(odd){text-align: center;padding-right: 15px}
    .pn-choose .pn-item:nth-child(even){float: none;padding-left: 15px;text-align: center}
    .pn-choose{margin-bottom: 30px}
    .pn-course .pn-item .pn-name{font-size: 14px;line-height: 19px}
}
@media only screen and (max-width: 480px){
    .pn-choose .pn-item{width: 100%;}
    .pn-choose .pn-item:nth-child(2){margin-top: 30px;}
}