.detail{background:#f1f1f1;position:relative}.detail:before{background:var(--main-color,#7abfe6);content:"";left:0;position:absolute;top:0;width:100%;z-index:1}@media (max-width:991.98px){.detail:before{max-height:420px;min-height:300px}}@media (max-width:576.98px){.detail:before{min-height:200px}}.detail>.container{position:relative;z-index:2}.detail .col-detail-left{padding-right:5%}@media (max-width:1199.98px){.detail .col-detail-left{padding-right:15px}}@media (max-width:991.98px){.detail .col-detail-left h1.h1.ci-white{color:#212529}}@media (min-width:991.98px){.detail .col-detail-left #short-desc{margin-bottom:6rem!important}}.detail .col-detail-right{width:455px}@media (max-width:991.98px){.detail .col-detail-right{margin-bottom:2rem;width:100%}}.detail .col-detail-right .card-thumbnail-desc .card-img .card-img-inner{height:239px}@media (max-width:991.98px){.detail .col-detail-right .card-thumbnail-desc .card-img .card-img-inner{height:-webkit-calc(52.5405vw - 15.76215px);height:calc(52.5405vw - 15.76215px)}}.detail .col-detail-right .card-thumbnail-desc .card-desc{background:#fff}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-period{color:#005392;font-size:1.3em;font-weight:700}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-nav .btn{width:100%}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-nav .btn .icon-arrow-right{font-size:1.25rem;line-height:1.5;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.detail .col-detail-right .course-list .col-icon{width:36px}.detail .col-detail-right .course-list .col-icon i{font-size:1.4rem;position:relative;top:-1px}