/**/
:root {
--logo_w:300px;
--color_red:#FF1100;
--color_orange_red:#FF4400;
--color_orange:#FF6600;
--color_orange_yellow:#FFAA00;
--color_yellow:#FFDD00;
--color_green:#8EBF56;
--color_mint:#56BFA2;
--color_blue:#87CEEB;
--color_gray:#F2F2F2;
--color_gray2:#E8E8E8;
--radius_xl:100px;
--radius_l:60px;
--radius_m:40px;
--radius_s:20px;
--radius_xs:10px;}
@media (max-width: 1399.98px) {
:root {;
--radius_xl:75px;
--radius_l:45px;
--radius_m:30px;
--radius_s:15px;
--radius_xs:8px;}}
@media (max-width: 991.98px) {
:root {
--radius_xl:50px;
--radius_l:30px;
--radius_m:20px;
--radius_s:13px;
--radius_xs:6px;}}
@media (max-width: 767.98px) {
:root {
--radius_xl:40px;
--radius_l:24px;
--radius_m:16px;
--radius_s:10px;
--radius_xs:4px;}}

/*bootstrap container*/
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-sub {
    padding-right: 30px;
    padding-left: 30px;
}
@media (min-width: 1600px){
.container-xxl, .container-xl, .container-lg, .container-md, .container {max-width: 1420px;}
.container-sm {max-width: 1220px;}}
@media (max-width: 1599px){
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1220px;}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
.offcanvas-body::-webkit-scrollbar {width:0px;}
.container-sub {padding-right: 0px;padding-left: 0px;}
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:25px;padding-left: 25px;}}
@media (max-width:410px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:20px;padding-left: 20px;}}

/**/
body{width:100%;overflow-x: hidden;padding-top: 130px;font-family: 'Noto Sans SC', sans-serif;color: #000}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.5;}
a,a:link,a:visited{color:var(--color_orange);text-decoration:none;}
.text-s{font-size:18px;opacity: .8}
a:hover,a:active{}
p{font-size:21px;line-height: 1.8em;color:#000;}
.form-check-input{border:none}
@media (max-width: 1599px){
body{padding-top: 97px;}
p{font-size:20px;}}
@media (max-width: 1399.98px) {
body{padding-top: 85px;}
p{font-size:19px}}
@media (max-width: 1199.98px) {
p{font-size:18px}}
@media (max-width: 991.98px) {
body{padding-top: 70px!important;}}
@media (max-width: 767.98px) {
body{padding-top: 74px;}}
@media (max-width: 575.98px) {}

/*style*/
.btn,a.btn:hover, a.btn:active {text-decoration: none;padding: 10px 30px;border-radius:30px;box-shadow: 0px 3px 20px #00000029;margin: 3px}
.btn-arrow{padding-right:60px;padding-left:40px;position: relative;transition:All .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.btn-arrow:hover,a.btn-arrow:hover,a.btn-arrow:visited{padding-right:70px;padding-left:40px;}
.btn-arrow:after{content:'';display: block;width:20px;height:20px;position:absolute;top:28%;right:12px;background:url("../images/btn-arrow.png") no-repeat;background-size: contain;}
.bg-black{background-color:#000;color:#fff !important;font-weight:bold !important;}
.bg-red{background-color:var(--color_red);color:#fff !important;font-weight:bold !important;}
.bg-white{background-color:#fff;color:#000 !important;font-weight:bold !important;}
.bg-orange-red{background-color:var(--color_orange_red);color:#fff !important;font-weight:bold !important;}
.bg-orange{background-color:var(--color_orange);color:#fff !important;font-weight:bold !important;}
.bg-orange-yellow{background-color:var(--color_orange_yellow);color:#fff !important;font-weight:bold !important;}
.bg-yellow{background-color:var(--color_yellow);color:#000 !important;font-weight:bold !important;}
.bg-green{background-color:var(--color_green);color:#fff !important;font-weight:bold !important;}
.bg-mint{background-color:var(--color_mint);color:#fff !important;font-weight:bold !important;}
.bg-blue{background-color:var(--color_blue);color:#fff !important;font-weight:bold !important;}
.p-red .navbar,.p-red .navbar-nav .dropdown-menu,.p-red .p-top,.p-red .offcanvas{background:var(--color_red)}
.p-orange-red .navbar,.p-orange-red .navbar-nav .dropdown-menu,.p-orange-red .p-top,.p-orange-red .offcanvas{background:var(--color_orange_red)}
.p-orange .navbar,.p-orange .navbar-nav .dropdown-menu,.p-orange .p-top,.p-orange .offcanvas{background:var(--color_orange)}
.p-orange-yellow .navbar,.p-orange-yellow .navbar-nav .dropdown-menu,.p-orange-yellow .p-top,.p-orange-yellow .offcanvas{background:var(--color_orange_yellow)}
.p-yellow .navbar,.p-yellow .navbar-nav .dropdown-menu,.p-yellow .p-top,.p-yellow .offcanvas{background:var(--color_yellow)}
.p-green .navbar,.p-green .navbar-nav .dropdown-menu,.p-green .p-top,.p-green .offcanvas{background:var(--color_green)}
.p-mint .navbar,.p-mint .navbar-nav .dropdown-menu,.p-mint .p-top,.p-mint .offcanvas{background:var(--color_mint)}
.p-blue .navbar,.p-blue .navbar-nav .dropdown-menu,.p-blue .p-top,.p-blue .offcanvas{background:var(--color_blue)}
.p-orange .p-top{background:linear-gradient(var(--color_orange),var(--color_orange_yellow))}
.p-top {width:100%;padding-bottom:150px}
.p-top h3{margin-top:20px;margin-bottom: 30px;font-size:16px;}
.p-top .breadcrumb{justify-content: center;margin-top: 20px;font-weight: bold;}
.p-main{padding-top:50px;padding-bottom:50px}
.p-top .badge{padding: 8px 20px;font-size: 17px;}
@media (max-width: 991.98px) {
.p-top h3{margin-top:15px;margin-bottom:20px;font-size:15px;}
.p-top {padding-bottom:130px}
.btn,a.btn:hover, a.btn:active {padding: 8px 20px;}
.btn-arrow{padding-right:40px;}
.btn-arrow:after{top:24%;right:5px;}
.btn-arrow:hover,a.btn-arrow:hover,a.btn-arrow:visited{padding-right:45px;}}
@media (max-width: 767.98px) {
.p-top h3{margin-top:10px;margin-bottom:15px;font-size:14px;}
.btn,a.btn:hover, a.btn:active ,.btn-group-lg>.btn, .btn-lg{padding: 6px 15px;}
.btn-arrow{padding-right:40px;}
.btn-arrow:after{top:24%;right:5px;}
.btn-arrow:hover,a.btn-arrow:hover,a.btn-arrow:visited{padding-right:45px;}}


/*breadcrumb*/
.breadcrumb .breadcrumb-item a:link,.breadcrumb .breadcrumb-item a:visited{font-weight:400;font-size:17px;color:#000;}
.breadcrumb-item+.breadcrumb-item::before {color: #000;}
.breadcrumb-item.active{color:#000;font-weight: 400}

/*slick*/
.slick-prev,.slick-next{width:50px;height:50px;z-index:3;background-size: cover}
.slick-prev:after,.slick-next:after{display:block;content:'';transform-origin: center;width:6px;height:6px;background:var(--color_yellow);position: absolute;top:calc( 50% - 3px);left:calc( 50% - 3px);border-radius:50%;transition:All .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);z-index: 1;opacity: 0}
.slick-prev,.slick-prev:hover,.slick-prev:focus{left:-150px}
.slick-next,.slick-next:hover,.slick-next:focus{right:-150px}
.slick-prev:hover:after,.slick-next:hover:after{transform: scale(10);opacity:1}
.slick-prev:before,.slick-next:before{display:block;content:'';width:50px;height:50px;position:absolute;top:0%;left:0%;right:0%;z-index:2;background-size:cover;transition:All .4s ease;opacity: 1}
.slick-prev:before{background-image:url("../images/slick-prve.png");}
.slick-next:before{background-image:url("../images/slick-next.png");}

/*navbar*/
.navbar {
    padding-top: 3rem;
    padding-bottom: 3rem;
    transition: All 0s ease;}
.navbar-brand{width:var(--logo_w);padding: 0px;}
.navbar-brand img{max-width:100%;width:140px;}
.navbar-nav{align-items: center;}
.navbar-nav .nav-item{height:100%;display: flex;align-items: center;}
.navbar .nav-link{font-size:17px;line-height:17px;letter-spacing:2px;padding:.5rem 1rem;text-decoration:none;color:#000;font-weight:500;}
.navbar .nav-link:hover,.navbar .nav-link:active{text-decoration: none;}
.dropdown-toggle {white-space: inherit;}
.dropdown-toggle::after{display:none}
.navbar-nav .dropdown-menu{top: 100%;color:#000;border:none;box-shadow: 3px 3px 5px rgba(0,0,0,.3);padding:10px 0px;left: -30px;border-radius: 10px;}
.navbar-nav .dropdown-menu .dropdown-item {color:#000;font-weight:500;text-align: center;font-size:17px;padding: .5rem 1rem;letter-spacing:2px;text-decoration: none;}
.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,0.1)}
.navbar-nav-main{justify-content: center}
.navbar-nav-main .nav-item,.navbar-nav-main .nav-item:hover{padding:0px 10px}
.navbar-nav-sub{width:var(--logo_w)}
.navbar-nav-sub .nav-link{letter-spacing:0px;}
.navbar-nav-sub .nav-link img{width:40px;display: block;margin: 0 auto 5px;}
.navbar-nav-sub .nav-link span{font-size: 12px !important;font-family: 'Noto Sans SC';display: block}
.navbar-nav-sub .nav-link:focus,.navbar-nav-sub .nav-link:hover{color:#fff;}
.navbar-nav-sub .nav-link:focus img,.navbar-nav-sub .nav-link:hover img{filter:brightness(100);}
.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:hover,button:focus{outline: none !important;box-shadow:0px 0px 0px rgba(0.0.0.0)}
.navbar-toggler-close{background:transparent;border-color:transparent;position: fixed;z-index:1001;right:20px;display: none;outline: none}
.navbar-toggler-close img{width:40px}
.navbar-m-btn a:link,.navbar-m-btn a:visited{color:#000;font-size:22px;margin-right: 15px;}
.navbar.active{padding-top:1rem;padding-bottom:1rem;}
@media (max-width: 1599px){
.navbar{padding-top: 2rem;padding-bottom: 2rem;}
.navbar.active{padding-top: .7rem;padding-bottom: .7rem;}
.nav-link{font-size:17px;}}
@media (max-width: 1399.98px) {
.navbar{padding-top: 2.5rem;padding-bottom: 1.5rem;}
.navbar.active{padding-top: .7rem;padding-bottom: .7rem;}
.navbar-nav-main .nav-item{padding:0px 7px}
.nav-link{font-size:16px;}}
@media (max-width: 1199.98px) {
.navbar-brand,.navbar-nav-sub{width:200px;}
.navbar{padding-top: 1.5rem;padding-bottom: 1.2rem;}
.navbar.active{padding-top: .7rem;padding-bottom: .7rem;}
.navbar-nav-main .nav-item{padding:0px 6px}
.nav-link{font-size:15px;letter-spacing:3px;}
.navbar.active{padding-top: .5rem;padding-bottom: .5rem;}
.navbar.active .nav-link{font-size:14px;line-height:14px;letter-spacing:1px;}}
@media (max-width: 991.98px) {
.navbar{backdrop-filter:none}
.offcanvas{background:var(--color_yellow);}
.navbar-brand{width:180px;padding: 0px;margin: 0px;    flex: auto;}
.navbar-toggler{padding:0px}
.navbar-toggler img{width:31px}
.navbar-nav {align-items: inherit;margin-top:20px;}
.navbar-nav-main .nav-item,.navbar.active .navbar-nav-main .nav-item{display:block;margin-bottom: 15px;padding-bottom: 15px;background:transparent;}
.navbar-nav-main .nav-item:hover{background:none;padding:0px 6px 15px}
.navbar .nav-link{font-size:20px;line-height:20px;letter-spacing:0px;font-weight:bold;}
.navbar.active .nav-link{font-size: 24px;}
.navbar-nav .dropdown-menu{display:block;position: relative;left:0px;background:transparent;box-shadow: none}
.navbar-nav .dropdown-menu li{width:49%;display: inline-block;text-align: left}
.navbar-nav .dropdown-menu .dropdown-item,.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:hover{letter-spacing:0px;font-weight: bold;text-align: left;padding: 0.5rem 1rem;border-radius:10px;}
.navbar-nav .nav-link{writing-mode:inherit;font-size: 24px;text-align: left;letter-spacing: 0px;}
.navbar-toggler-close{display: block}
.navbar-nav-sub{width:100%;flex-direction: row;margin-bottom: 50px;justify-content:flex-start !important}
.navbar-nav-sub .dropdown-toggle{display:none}
.navbar-nav-sub .nav-item{justify-content: center;}}
@media (max-width: 767.98px) {
.navbar,.navbar.active{padding-top:1rem;padding-bottom:1rem;max-width:100vw;}
.navbar-toggler-close{right:10px}
.navbar-brand{width:160px;}}
@media (max-width: 575.98px) {
.navbar .container{padding-right:15px;padding-left: 15px;}
.navbar-brand{width:140px;}}
@media (max-width:410px) {}

/*modal*/
.modal-content{border-radius:var(--radius_s);}
.modal-header{border:none;padding: 2rem 2rem 1rem;border-top-left-radius:var(--radius_s);border-top-right-radius:var(--radius_s);}
.modal-header .close {
        display: none;
    }
.modal-body{padding: 1rem 2rem 1rem;}
.modal-footer{border:none;padding: 1rem 2rem 2rem;border-bottom-left-radius:var(--radius_s);border-bottom-right-radius:var(--radius_s);}
.modal-checkout .modal-body img{width:24px;margin-top:-5px;margin-right: 5px}
.modal-checkout .modal-body .price-point{font-weight:bold;}
.modal-checkout .modal-footer button,.modal-checkout .modal-footer a{width:100%}
.modal-record .modal-body{background:#eee;}

/*card*/
.card{position:relative;transition: All .2s ease;border:none;background: transparent;height: 100%;align-items: flex-start}
.card .card-img{width:100%;border-radius: var(--radius_s);overflow: hidden;position: relative;background: #eee;padding-bottom: 62.5%;}
.card .card-img:after{background:linear-gradient(rgba(0,0,0,.0),rgba(0,0,0,.7));height:100px;width:100%;display: block;position: absolute;bottom: 0px;z-index: 2;content: '';transition: All .2s ease;pointer-events: none;}
.card .card-img:hover:after{height:80px;}
.card .card-img img{width:100%;height:100%;object-fit: cover;position: absolute;; transition: All .4s ease}
.card .card-img:hover img{transform: scale(1.1)}
.card .card-img .card-catalog{position:absolute;bottom: 13px;right: 13px;z-index: 3}
.card .card-img .card-fav{position:absolute;top: 5px;left:7px;background:transparent;border:none;display:block;height:50px;width:50px;border-radius:25px;font-size:30px;color:#fff;text-align: center;line-height: 50px;padding: 0px;}
.card .card-body{padding:15px 0px 30px;display: flex;flex-direction: column;justify-content: space-between;}
.card .card-title a{font-size:21px;line-height: 1.3em;font-weight: bold;color:#000;display: inline-block;position: relative;transition: All .4s ease;}
.card .card-title a:hover{text-decoration: none;color:var(--color_orange_yellow);}
.card .card-text{font-size:18px;line-height:1.5em;margin-bottom:10px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;text-align:justify;color:#666;font-weight: 300;}
.card .card-bt{display: flex;align-items: center;font-size: 15px}
.card-article-f:after{content: '';display: block;width:70px;height:70px;background-image:url("../images/icon/icon-SneakPeek.png");background-size: cover; position: absolute;top: 0px;right: calc(var(--bs-gutter-x) * .5);;}
.card-author {flex:auto;display: flex;}
.card-author a,.card-author a:link,.card-author a:visited{display: flex;align-items: center;margin-right:20px;font-weight: 500;flex-direction: row;color:#222;}
.card-author a:hover,.card-author a:active{color:#000;}
.card-author a .card-author-avatar {width:30px;height:30px;border-radius: 15px;overflow: hidden;margin-right:8px;flex:none}
.card-author-avatar img{width: 100%;height: 100%;object-fit: cover;display:block;color:#fff;}
.card-datetime,.card-location{color:#666;overflow: hidden;font-weight: 300;}
.card-course .card-img-no{position:absolute;top:10px;left:15px;z-index:2;font-weight: bold;color:#fff;text-shadow: 0px 0px 5px rgba(0,0,0,.5);font-size:13px;}
.card-course .card-body{display:flex;    flex-direction: row;}
.card-course .card-body-r{display: flex;flex-direction: column;justify-content: space-between;}
.card-course .card-author-avatar{width:40px;height:40px;border-radius:20px;overflow: hidden;margin-right: 8px}
.card-course .card-author-avatar img{width:100%}
.card-course .card-title{margin-bottom:5px}
.card-course .card-title a{font-size:20px;line-height: 1.3em;font-weight: bold;color:#000;display: inline-block;position: relative;margin-bottom: 10px;}
.card-course .card-info{font-size:18px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;color: #999}
.card-course .card-info .card-datetime{color:#000;font-weight: bold;margin-right:5px;}
.card-course .card-price{position:absolute;bottom: 6px;left: 15px;font-size: 24px;font-weight: bold;display:flex;align-items: center;z-index: 3;color:#fff;}
.card-course .card-price img{position:relative}
.card-course .card-price-point{width:30px !important;margin-left: 5px;}
.card-partner{background: #fff;margin-bottom: 25px;padding: 15px;border: 1px solid #eee;border-radius: var(--radius_s);box-shadow: 0px 3px 20px #00000019;transition: All .4s ease;}
.card-partner:hover{box-shadow: 0px 3px 20px #00000029;}
.card-partner a,.card-partner a:link,.card-partner a:visited{color:#000;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.card-partner-logo{margin-bottom: 10px;}
.card-partner-logo img{width:100%;border-radius: var(--radius_s);aspect-ratio: 1 / 1;object-fit: contain;}
.card-partner-name{font-size:20px;font-weight: bold;margin-bottom: 8px;}
.card-partner-brief{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;font-size:15px;}
.card-video .card-img{background:#000;}
.card-video iframe{width:100%;height:220px;background: #000}
.card-video .card-body {padding: 5px 0px 20px;}
.popover{border:none;background: transparent}
.popover-body{background:#fff;font-weight: bold;border-radius: 10px;padding:10px;box-shadow: 0px 0px 10px rgba(0,0,0,.2)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after {left: 1px;border-width: 0.5rem 0.5rem 0.5rem 0;border-right-color:#fff;}
@media (max-width: 991.98px) {
.card .card-img .card-catalog{bottom: 10px;right: 10px;}
.card-course .card-price{bottom: 8px;left: 15px;font-size:20px;}
.card-partner-name{font-size:18px;}}
@media (max-width: 767.98px) {
.card .card-body{padding:10px 0px 25px}
.card .card-img .card-catalog{bottom: 8px;right: 8px;}
.card-course .card-price{bottom: 6px;left: 12px;font-size:18px;}
.card-course .card-price-point {width:24px !important;margin-left:3px;}
.card-body-l{display:none;}
.card-partner-name{font-size:16px;}}
@media (max-width: 640px) {
.card .card-img .card-catalog{bottom: 6px;right: 6px;font-size:10px}
.card .card-img .card-fav{top:2px;left:2px;}
.card .card-body{padding:6px 0px 20px}
.card .card-title a{font-size:19px;}
.card .card-text{font-size:16px;line-height: 1.4em;}
.card .card-bt{font-size: 16px}
.card-author a, .card-author a:link, .card-author a:visited{margin-right:10px;}
.card-course .card-title a{font-size:19px;}
.card-course .card-info{font-size:16px}
.card-course .card-price{bottom:4px;left:8px;font-size:16px;}
.card-course .card-price-point {width:20px !important}}

/*article*/
.article-cover{border-radius: var(--radius_l);overflow: hidden;margin-bottom:20px;height:55vh;background: #eee}
.article-cover img{width:100%;height:100%;object-fit: cover;}
.article-maintitle{margin-bottom:20px;font-size:40px}
.col-article-datetime {display:flex;align-items: center}
.article-datetime{color:#aaa !important;}
.col-article-author .article-author{display:flex;justify-content: flex-end;    flex-wrap: wrap;}
.article-author{padding-bottom:0px;}
.article-author .card-author{display:inline-block;margin:3px 10px 3px 0px;flex:none}
.article-author .card-author a,.article-author .card-author a:link,.article-author .card-author a:visited{margin-right:0px;color:#000}
.article-author .card-author a .card-author-avatar{width:50px;height:50px;border-radius:25px;background: #eee}
.article-author .card-author-name{font-size:18px;font-weight: bold;}
.article-author .card-author-title{font-size:13px;color:#333;}
.article-tags{}
.article-bt .col-article-author .article-author{justify-content:flex-start}
.article{margin:20px 0px;font-size: 18px;font-family: helvetica neue,helvetica,arial,sans-serif;color: #555}
.article h1{font-size: 1.728em;line-height: 1.25;margin: 1em 0 1em;}
.article h2{font-size: 1.728em;line-height: 1.25;margin: 1em 0 1em;}
.article h3{font-size: 1.44em;line-height:1.25;margin: 1em 0 1em;padding-left:1.3em;background: url("../images/h3-icon.png") left top no-repeat}
.article h4{font-size: 1.2em;line-height: 1.25;margin: 2.25em 0 1em;}
.article h5{font-size: 1.44em;line-height:1.25;margin: 2.25em 0 1em;padding-left:2em;background: url("../images/h5-icon.png") left top no-repeat;color:#999;}
.article h6{font-size: .83333em;line-height:1.25}
.article p{text-align: justify;line-height: 1.85;font-size: 1.1em;margin: 1.5em auto;color: #555}
.article img{width: 100%;margin: 1.6em 0% ;border-radius: 10px;overflow: hidden}
.article p img{width: 100% !important;height: auto !important;    box-shadow: 0px 3px 20px #00000019;}
.article blockquote {padding: 0.65em 0 0 3em;font-size: 30px;font-weight: bold;}
.article ol,.article ul{font-size: 1.1em;line-height: 1.75;margin: 1.5em auto;}
.article li{margin-bottom: 20px;}
.article a,.article a:link,.article a:visited{word-break: break-all;}
.article a:hover,.article a:active{color:var(--color_orange_yellow);}
.article table{width:100% !important;border-radius:10px;overflow: hidden;box-shadow: 0px 3px 20px #00000009,0px 0px 3px #00000019;border: none !important;table-layout: auto !important;}
.article table thead{border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden}
.article table thead tr{border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden}
.article table thead tr th{background-color:#ddd !important;padding: 10px 0px;border:1px solid #ddd !important;font-weight: bold;}
.article table tr td{border:1px solid #ddd !important}
.article table tr:nth-child(2n+1){border:1px solid #ddd !important;background: #f9f9f9}
.article iframe{max-width:100%;max-height: 80%;width: 100%;background: #000;}
.articlw-bt-ul{list-style: none;padding: 0px;}
.articlw-bt-ul li .card-article{display: flex;flex-direction: row;margin-bottom: 30px;}
.articlw-bt-ul li .card-article .card-img {padding:0px;margin-right: 20px;flex: 2}
.articlw-bt-ul li .card-article .card-img img{position:relative}
.articlw-bt-ul li .card-article .card-body{padding:0px;flex: 3}
@media (max-width: 991.98px) {
.article-cover{margin-bottom:20px;height:60vw}
.article-maintitle{margin-bottom:10px;font-size:24px}}
@media (max-width: 767.98px) {
.article-maintitle{margin-bottom:0px;}
.article {font-size: 18px;line-height: 1.5;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {color: #222;line-height: 1.25;margin: 2.25em 0 1em}
.article h1 {font-size: 1.42383em}
.article h2 {font-size: 1.42383em}
.article h3{font-size: 1.44em;line-height:1.25;margin: 1em 0 1em;padding-left:1.3em;background: url("../images/h3-icon.png") left top no-repeat}
.article h4 {font-size: 1.125em}
.article h5{font-size: 1.44em;padding-left:3em;color:#999;}
.article h6 {font-size: .88889em}
.article ol,.article p,.article ul {font-size: 1em;line-height: 1.75;margin: 1.5em auto}
.article img {display: block}
.article figure,.article img {margin: 2em auto}
.article figure img {margin-bottom: .5em}
.article .source,.article figcaption {color: #999;font-size: .79012em;text-align: center}
.article .source {margin: 0}
.article small {font-size: .79012em}
.article blockquote {background-color: transparent;border-left: 0;color: #999;font-weight: 500;margin: 2.5em auto;padding: .5em 0 0 2.5em;position: relative}
.article blockquote:after {content: "";display: table}
.article blockquote:before {background-image: url(/assets/images/quote.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;content: "";height: 2em;left: 0;position: absolute;top: 0;width: 2em}
.col-article-author .article-author{margin-top: 20px;justify-content:flex-start;flex-wrap: wrap}
.article-author .card-author{margin-bottom: 8px;}
.article-author .card-author-name{font-size:17px;}
.article-author .card-author-title{font-size:11px;}}

/*list-sidebar*/
.sidebar-sticky{position:sticky;top: 130px;margin-bottom:50px}
.sidebar-sticky h4{font-size:16px;}
.list-sidebar{list-style:none;padding: 0px;}
.list-sidebar .card{display: flex;flex-direction: row;align-items: flex-start;margin-bottom: 20px;}
.list-sidebar .card .card-img{margin-right:15px;border-radius: var(--radius_xs);flex-basis:250px}
.list-sidebar .card .card-img .card-catalog{position:absolute;bottom: 5px;right: 5px;font-size:12px;}
.list-sidebar .card .card-img .card-fav{display: none}
.list-sidebar .card .card-body{padding: 0px;}
.list-sidebar .card .card-title a{font-size:16px;line-height: 1.4em;font-weight:500;color:#000;display: inline-block;position: relative}
.list-sidebar .card .card-text{font-size:14px;display: none}
.list-sidebar .card .card-bt{font-size: 13px;}
.list-sidebar .card .card-bt .card-author-avatar{width:26px;height:26px;border-radius:13px;margin-right:6px;}
.list-sidebar .card .card-author a,.list-sidebar .card .card-author a:link,.list-sidebar .card .card-author a:visited{margin-right:10px;}
.list-sidebar .card-course .card-author-avatar{display: none}
.list-sidebar .card-course .card-info{font-size:13px}
.list-sidebar .card-course .card-info .card-location{display: none}
.list-sidebar .card-course .card-img{flex-basis:290px}
.list-sidebar .card-course .card-price{bottom:4px;left:8px;font-size:16px;}
.list-sidebar .card-course .card-price-point{width:20px !important;margin-left: 3px;}

/*section-contactus*/
.section-contactus{background:var(--color_orange_yellow);padding:150px 0px 200px;border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);margin-bottom: -100px;font-weight: bold;}
.section-contactus .btn{}

/*form*/
.form-control {padding:12px 18px;font-size:18px;font-weight: bold;color: #000;border: 1px solid #fff;border-radius:var(--radius_s) !important;}
.form-control::placeholder {color: #ccc;}
.note{color:rgba(0,0,0,.5);font-size:12px;line-height: 1.4em;margin-top:5px }
form{}
form .form-left{border-right:1px solid #ddd;padding-right:20px}
form .form-control {background: #eee}
form .form-select{background-color: #eee;border: 1px solid #fff;border-radius:var(--radius_s);}

/*footer*/
footer{padding:80px 0px 40px;background:url("../images/bg-yellow.jpg") bottom var(--color_yellow);background-size:cover;border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);}
footer h3{margin-bottom:40px;font-size: 18px;font-weight:bold;}
footer ul{margin-bottom:40px;padding:0px;list-style: none;margin-right: 50px;}
footer ul li a:link,footer ul li a:visited{font-size:16px;line-height:2.5em;color:#000;}
footer .logo-footer{width:140px;margin-bottom: 30px}
.copyright {color:#000;font-size:15px;padding:50px 0px;background:var(--color_yellow);}
.copyright a:link,.copyright a:visited{color:#000}
footer ul.ul-social li{display:inline-block}
footer ul.ul-social li a{font-size:30px;margin-right: 10px}
@media (max-width: 1599px){
footer ul{margin-right:40px;}}
@media (max-width: 1399.98px) {
footer ul{margin-right:30px;}}
@media (max-width: 1199.98px) {
footer ul{margin-right:25px;}
footer ul li a:link,footer ul li a:visited{font-size:15px;}
footer ul.ul-social li a{font-size:26px;margin-right: 8px}}
@media (max-width: 991.98px) {
footer ul{margin-right:5px;}}
@media (max-width: 767.98px) {
footer h3{margin-bottom:15px;}
footer ul{margin-bottom:20px;margin-right:0px;}
footer ul li{display:inline-block;margin-right: 15px;}
footer ul li a:link,footer ul li a:visited{line-height:2em;}}
@media (max-width: 575.98px) {}

/*list-tags*/
.list-tags{list-style:none;margin:15px 0px;padding: 0px;}
.list-tags li{padding: 0px;display: inline-block;text-align: center}
.list-tags li a{font-weight: bold;padding: 7px 15px;border-radius: 30px;font-size:16px;display: block;margin-bottom: 10px;}
.list-tags li a:hover{text-decoration: none}
.list-tags li a.active{background:var(--color_blue);color:#fff;}

/*list-menu*/
.list-menu{list-style:none;margin-bottom:30px;padding: 0px;}
.list-menu li{padding: 0px;display: inline-block;text-align: center}
.list-menu li a{font-weight: bold;background:var(--color_yellow);color:#000;border:2px solid var(--color_yellow);padding: 7px 15px;border-radius: 30px;font-size:18px;display: block;margin-bottom: 10px;}
.list-menu li a:hover{text-decoration: none}
.list-menu li a.active{background:#000;border:2px solid #000;color:#fff;}
@media (max-width: 991.98px) {
.list-menu li a{border:1px solid var(--color_yellow);padding: 4px 10px;font-size:17px;margin-bottom: 8px;}}
@media (max-width: 767.98px) {
.list-menu li a{padding: 3px 10px;font-size:16px;margin-bottom: 7px;}}

/*search-box*/
.search-box{margin:20px 0px;}
.search-box input.form-control,.search-box .form-select{background:#eee;}

/*pagenav*/
.pagination{flex-wrap: wrap;}
.pagenav{margin-top:50px;}
.page-item .page-link{font-weight: bold;font-size:16px;}
.page-item.disabled .page-link{color:#ccc;}
.page-item:first-child .page-link {border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;padding-left: 20px}
.page-item:last-child .page-link {border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;padding-right: 20px}
.page-link{border:none;border-radius: 50px;}
.page-link:hover{color:#000;background:#eee}
.page-link:focus{color:#000;background:var(--color_yellow);outline: none;box-shadow: none}
.page-item.active .page-link{background-color:var(--color_orange_yellow);border-color:var(--color_orange_yellow);color:#fff;border-radius: 30px;}
@media (max-width: 767.98px) {
}

/*p-index*/
.fixed-box{position:fixed;background:#fff;right:20px;bottom:20px;width:260px;color: #000;display: flex;padding:8px 15px;border-radius: var(--radius_s);align-items: center;font-size: 13px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);z-index: 99}
.fixed-box-qrcode{width:90px}
.fixed-box-text{margin-left:10px}
.fixed-box-text p{margin:0px;padding: 0px;font-size:15px;}
.section-kv{background:url("../images/kv.png") var(--color_yellow) center top no-repeat;background-size: cover;padding:70px 0px 200px;}
.section-kv h1{margin-bottom:20px;font-weight: bold;}
.section-kv h3{margin-bottom:20px;font-weight: bold;}
.section-target{background:url("../images/bg-target.jpg") bottom center no-repeat var(--color_gray2);background-size: contain;padding:50px 0px 150px;border-top-right-radius: var(--radius_xl);border-top-left-radius: var(--radius_xl);margin-top: -80px;width: 100vw;overflow: hidden}
.section-target .banners{margin-bottom:50px}
    .section-target .banners .container {
        padding-bottom: 50px;
    }
.section-target .banner{background:#fff;width:100%;border-radius: var(--radius_s);overflow: hidden;margin-bottom:20px;box-shadow: 0px 3px 20px #00000019;transition:All .1s ease;}
.section-target .banner:hover{box-shadow: 0px 6px 20px #00000029;transform: translate(0px, -5px);}
.section-target .banner img{width:100%;height: 100%;object-fit: cover;aspect-ratio: 2 / 0.9;}
.banner img{max-width: 100%;border-radius: var(--radius_s);}
.section-target-msg{display: flex !important;justify-content: flex-end;align-items: center;margin-bottom: 20px}
.section-target-msg-b{justify-content: flex-start;}
.section-target-avatar{border-radius:50px;width:100px;height:100px;overflow: hidden;margin-left: 30px;flex: none;background:#999;}
.section-target-avatar img{width:100%}
.section-target-avatar-b{margin-left: 0px;margin-right: 30px}
.section-target-content{background:#fff;padding:20px 30px;border-radius:15px;position:relative;box-shadow:0px 0px 10px rgba(0,0,0,0.1);font-size:22px;font-weight: bold;max-width:65%}
.section-target-content span{position:relative;color:var(--color_mint);margin: 0px 3px}
.section-target-content .btn,.section-target-content .btn:hover{}
.section-target-content:after{content:"";position:absolute;top:calc(50% - 10px);height:24px;width: 24px;background: #fff;transform: rotate(45deg);right: -12px;border-left:0;border-bottom:0;}
.section-target-content-b:after{left: -12px;border-right:0;border-top:0;}
.section-target-msg .status{font-size:13px;color:#999;margin:0px 10px;text-align: end}
.section-target-msg-b .status{text-align: left}
.section-comment{padding:50px 0px;width: 100vw;overflow: hidden}
.section-comment h3{margin-bottom:10px;font-weight: bold;margin-top:30px;}
.section-comment h5{font-size:15px;margin-bottom:20px;color:var(--color_orange_yellow)}
.section-comment .logowall{list-style:none;text-align: center;padding: 0px;margin: 30px 0px 50px}
.section-comment .logowall li{display:inline-block}
.section-comment .logowall li img{max-width:100px;margin:8px -5px;filter: grayscale(1);}
.slick-comment{margin: 30px 0px;height:240px;}
.slick-comment .slick-list ,.slick-comment .slick-track{height:100%}
.slick-comment .c-box{display: flex;align-items: center;height: 100%}
.slick-comment .c-box-t{text-align:center;margin:0px 50px;}
.slick-comment .c-box-avatar{border-radius:50px;overflow: hidden;margin-bottom: 5px;width:100px;height:100px;border:3px solid #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.slick-comment .c-box-avatar img{width:100%;height:100%;object-fit: cover}
.slick-comment .c-box-name{font-size:20px;font-weight: bold;}
.slick-comment .c-box-title{font-size:14px}
.slick-comment .c-box-context{font-size:24px;font-weight: bold;}
.section-about{background-image:url("../images/bg-about.png"),url("../images/bg-yellow.jpg");background-size:contain,contain;background-position: center center,center bottom;background-repeat: no-repeat,no-repeat;background-color:var(--color_yellow) ;padding:80px 0px;border-radius: var(--radius_xl);position: relative;z-index: 2}
.section-about h3{font-size:18px;margin-top: 40px;margin-bottom:10px;font-weight: bold;;}
.section-about h2{font-size:28px;font-weight: bold;}
.section-about h1{font-size:36px;margin-bottom: 50px;}
.section-about .about-service{border-left:5px dotted #ffff00;padding-left:20px;margin-bottom: 30px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.section-about .about-icon{width: 80px;margin-right: 8px;margin-top: -4px}
.section-about a,.section-about a:link,.section-about a:link{color: #000;font-weight: bold;;}
.section-parameter{background:var(--color_gray);padding:230px 0px 80px;border-bottom-left-radius: var(--radius_xl);border-bottom-right-radius: var(--radius_xl);margin-top: -140px}
.section-parameter h3{font-size:30px;font-weight: bold;margin-bottom: 50px;}
.section-parameter h2{font-weight: bold;font-size:36px;}
.section-parameter h4{font-weight: bold;font-size:24px;color:var(--color_orange_yellow)}
.section-parameter .parameter-icon{max-width:100px;margin-bottom: 15px}
.section-article{padding:100px 0px 50px;}
.section-courses{padding:0px 0px 100px;}
.section-article h4,.section-courses h4{font-weight:bold;}
.list-catalog{list-style:none;padding:0px;margin-top: 10px;}
.list-catalog li{display:inline-block}
.list-catalog li .badge {padding: 10px 30px;font-size:18px;margin-bottom: 5px}
@media (max-width: 991.98px) {
.fixed-box{position: relative;top:auto;left:30px;right:30px;margin-top:40px;}
.section-kv{padding:30px 0px 250px;background-size:250%;background-position: 55% bottom;}
.section-target-avatar{border-radius:40px;width:80px;height:80px;overflow: hidden;margin-left:24px;}
.section-target-avatar-b{margin-left: 0px;margin-right: 22px}
.section-target-content{padding:10px 20px;border-radius:10px;font-size:20px;}
.section-target-msg .status{font-size:12px;}
.section-comment .logowall li img{max-width:100px;margin:8px 0px}
.slick-comment .c-box{display: flex;align-items: center;flex-direction: column;}
.slick-comment .c-box-t{margin-right:0px;display: flex;align-items:center;text-align: left;margin:0px;margin-bottom: 20px;margin-top:20px }
.slick-comment .c-box-avatar{border-radius:35px;width:70px;height:70px;margin-bottom:0px;margin-right: 10px}
.slick-comment .c-box-context{font-size:18px;font-weight: bold;}
.section-about{padding:100px 0px;}
.section-parameter .parameter-icon{width:80px;margin-bottom:10px}
.section-parameter h5{font-size: 17px}
.list-catalog li .badge {padding:8px 20px;font-size:17px}}
.p-main .parameter-icon {
    max-width: 80px;
    margin-bottom: 15px
}
@media (max-width: 768.98px) {
.fixed-box{position: relative;top:auto;left:30px;right:30px;width:50%;margin-top:40px;}
.section-kv{padding:30px 0px 340px;background-size: 330%;background-position: 65% bottom;}
.section-parameter{padding:210px 0px 50px;}
.section-target{margin-top: -40px;}
.section-target-msg .status{font-size:11px;}
.section-target-avatar{border-radius:22px;width:44px;height:44px;}
.section-target-content{padding:10px 15px;border-radius:10px;font-size:16px;}
.section-target-content:after{height:20px;width: 20px;right: -10px;}
.section-target-content-b:after{left: -10px;}
.section-target-avatar-b{margin-left: 0px;margin-right: 20px}
.section-comment .logowall li img{max-width:70px;margin:8px 0px}
.slick-comment{margin-left: -25px;margin-right: -25px;height:auto;}
.c-box-context{padding:0px 30px;text-align: center}
.section-about{padding:70px 0px;}
.section-parameter .parameter-icon{width:60px;margin-bottom:8px}
.section-parameter h5{font-size: 14px}
.list-catalog li .badge {padding:6px 15px;font-size:16px}}

/*p-member*/
.btn-line{background:#06c755;color:#fff !important;}
.p-member .p-top{padding-bottom: 0px;background: #fff;}
.p-member .p-main{background:var(--color_gray2);padding-bottom:150px;margin-bottom:-100px}

.member-info{border-bottom:2px solid #eee;padding:25px 0px;}
.member{display:flex;align-items: center;}
.member .member-avatar{border-radius:50px;overflow: hidden;margin-right: 20px;width:100px;height:100px;}
.member .member-avatar img{width:100%;height: 100%}
.member .member-name{font-size:30px;font-weight:bold;margin-right:6px;letter-spacing: 2px}
.member .member-status{font-size:14px;color:#aaa;}
.member-p-box{font-size:18px;font-weight:500;letter-spacing: 2px;display: flex;align-items: center;justify-content: flex-end;}
.member-p-box .card-price-point{width:50px;margin-left: 15px;}
.member-point{font-size:42px;margin-left: 5px;margin-top: -3px; font-weight: bold;}
.nav-member li a,.nav-member li a:link,.nav-member li a:visited{padding:20px;display: block;font-size:17px;color:#000;letter-spacing: 2px;}
.p-member-ct .nav-member-ct,
.p-member-bk .nav-member-bk,
.p-member-rc .nav-member-rc,
.p-member-et .nav-member-et,
.p-member-pw .nav-member-pw{color:var(--color_orange_yellow);box-shadow:0px -3px 0px 0px var(--color_orange_yellow) inset}
.section-box{background:#fff;;padding:40px;border-radius:var(--radius_s);}
ul.ul-setting{margin-bottom:0px;list-style: none;padding:0px;}
ul.ul-setting li{background:#ffffff;padding:20px;margin-bottom:12px;border-radius: var(--radius_s);}
ul.ul-setting li:last-child{margin-bottom:0px}
ul.ul-setting .setting-name{margin-right: 15px;color:var(--color_orange);font-weight: bold;}
ul.ul-record{margin-bottom:0px;list-style: none;padding:0px;}
ul.ul-record li{background:#ffffff;padding:20px;margin-bottom:12px;border-radius: var(--radius_s);display: flex;justify-content: space-between}
ul.ul-record li .r-title{flex: 3;padding-right: 20px}
ul.ul-record li div{color:#999;}
ul.ul-record li div div{font-weight:bold;font-size:20px;color:#000;}
ul.ul-record li .r-con{flex: 1;/*text-align: end;*/padding-right: 20px}
ul.ul-record li .r-con img{width:26px;margin-top:-3px}
ul.ul-record li .r-datetime{flex: 1;/*text-align: end*/}
ul.ul-record li .btn,ul.ul-record li a.btn:hover,ul.ul-record li a.btn:active {padding: 3px 10px;font-size: 15px;display: inline-block;margin-top:5px;}
.form-questionnaire{}
.col-quest{margin:20px 0px;border-top:3px dotted #ddd;padding-top: 20px}
.col-quest h4{margin-bottom:20px;}
.col-quest h4 span{font-size:16px;color:var(--color_orange_yellow);}
.col-quest .form-check-input{background:#eee;}
.col-quest .form-check-input:checked{background-color:var(--color_orange_yellow);}
.col-quest .form-control{background:#eee;padding:6px 18px;margin-top: 5px;max-width: 80%}
@media (max-width: 1399.98px) {
ul.ul-record li div div{font-size:18px;}}
@media (max-width: 991.98px) {
.member-info{padding:20px 0px;}
.member .member-avatar{width:80px;height:80px;}
.member .member-name{font-size:26px;margin-right:5px;letter-spacing:1px;}
.member .member-status{font-size:13px;}
.member-p-box{font-size:17px;letter-spacing: 1px;}
.member-p-box .card-price-point{width:36px;margin-left: 10px;}
.member-point{font-size:36px;margin-left:3px;}
ul.ul-record li div div{font-size:17px;}
ul.ul-record li .btn,ul.ul-record li a.btn:hover,ul.ul-record li a.btn:active {padding: 2px 15px;}}
@media (max-width: 767.98px) {
.member-info{border-bottom:1px solid #eee;padding:12px 0px;}
.member .member-avatar{width:40px;height:40px;margin-right:7px;}
.member .member-type{font-size:12px}
.member .member-name{font-size:18px;margin-right:4px;letter-spacing:0px;}
.member .member-status{font-size:11px;}
.member-p-box{font-size:13px;letter-spacing:0px;}
.member-p-box .card-price-point{width:22px;margin-left:4px;}
.member-point{font-size:22px;margin-left:1px;}
.section-box form .form-left{border-right:none;padding-right:0px}
.nav-member li a,.nav-member li a:link,.nav-member li a:visited{padding:12px;font-size:14px;letter-spacing:0px;}
ul.ul-record li div div{font-size:14px;}}

/*p-plan*/
.p-plan .p-main{background: var(--color_gray2);padding: 60px 0px 150px;margin-bottom: -100px}
.card-plan{background:#fff;height:100%;padding:30px;border-radius:var(--radius_s)}
.card-plan .card-body{display:flex;flex-direction: column;justify-content: space-between;padding: 0px;width:100%}
.card-plan .card-body .card-title{text-align: center;margin-top:30px;margin-bottom:10px}
.card-plan .card-body .card-plan-price{text-align: center;margin-bottom:30px;font-size:26px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom:20px }
.card-body-info{flex:auto;font-size:15px;margin-bottom: 30px;}
.card-body-info ul{padding-inline-start:25px;}
.card-body-info ul li{margin-bottom:8px;line-height: 1.4em}
.card-body-info ul li span{color:var(--color_orange);}
.card-plan .card-footer{background:transparent;padding: 0px;border: none;}
.card-plan a{font-weight: bold;background:#fff;color:var(--color_orange_yellow);border:2px solid var(--color_orange_yellow);display: block;}
.card-plan a.bg-orange-yellow{background:var(--color_orange_yellow);}
.card-bage{background:var(--color_orange_red);position: absolute;top:0px;left:40px;right:40px;color:#fff;padding:10px 5px;font-size:13px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;text-align: center}
.card-plan-1{background:#f9f9f9;}
@media (max-width: 1199.98px) {
.card-plan{padding:20px;}}
@media (max-width: 991.98px) {
.card-plan{padding:15px;}
.card-plan .card-body .card-plan-price{margin-bottom:0px;}
.card-body-info{font-size:14px;margin-bottom:20px;max-height:35vh;overflow-y: scroll;padding-top:15px }
.card-body-info::-webkit-scrollbar {width:5px;background: #fff}
.card-body-info::-webkit-scrollbar-button {background: transparent;border-radius: 5px;height: 2px}
.card-body-info::-webkit-scrollbar-track-piece {background: transparent;}
.card-body-info::-webkit-scrollbar-thumb {border-radius:10px;background-color:#f9f9f9;}
.card-body-info::-webkit-scrollbar-track {box-shadow: transparent;}}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*p-step*/
.p-step .p-main{background: var(--color_gray2);padding: 60px 0px 150px;margin-bottom: -100px}
.step{margin:0px auto 30px;text-align: center}
.step li{display: inline-block;margin-right:25px;color: #999;border-right:1px solid #ccc;padding-right: 25px;font-weight: 500;}
.step li:last-child{border:none}
.step .step-title{font-size:20px;font-weight: bold;margin-top: 5px;}
.step li.active{color:#000;}
.step-box{background:#fff;border-radius:var(--radius_l);}
.step-box form{padding:40px}
.step-box form .form-left{border-right:1px solid #ddd;padding-right:20px}
.step-box form .form-control {background: #eee}
.step-box form .form-data,.form-data{font-size:20px;font-weight: bold;margin: 5px 0px 8px}
.step-box .step-card{border:1px solid #eee;margin-top: 15px;padding: 20px;border-radius:var(--radius_s);box-shadow: 0px 3px 20px #00000019;}
.step-box .step-card-info{display: flex;}
.step-box .step-card-info>div{margin-right: 20px;color: #666}
.step-box .step-card-info>div>div{font-weight:bold;font-size:20px;margin-top:6px;color:var(--color_orange);}
.step-box-complete{padding:60px 20px;text-align: center}
.step-box-complete h3{font-weight: bold;margin-bottom: 30px;}
.form-step{padding: 40px;}
#ctl00_MainContent_cbIsAgree{position: relative;top: -3px}
@media (max-width: 991.98px) {
.step-box form {padding:40px 40px 40px 0px;}}
@media (max-width: 767.98px) {
.step li{margin-right:15px;padding-right: 15px;}
.step .step-title{font-size:18px;margin-top: 3px;}
.step-box form {padding:20px;}
.step-box form .form-left{border-right:none;padding-right:0px}}
@media (max-width: 575.98px) {
.step li{margin-right:10px;padding-right: 10px;}
.step .step-title{font-size:16px;margin-top: 2px;}}

/*p-login*/
.p-login .main-head{display: flex;}
.p-login .main-head div{width:50%}
.p-login .main-head div a{border-bottom:5px solid #eee;padding:5px 30px 15px;display: block;font-size:20px;color:#888}
.p-login .main-head div a.active{border-bottom:5px solid var(--color_yellow);color:var(--color_yellow);}
.form-login .form-control{background:#eee;}
.form-login .form-check-input{border:none;margin-bottom: -5px;}
.form-login .cicode {width:100%;margin-top: 12px}
.form-check-label{display:inline}
.g-recaptcha{margin-bottom: 15px;}

/*p-about*/
.p-about .p-main{padding-bottom:0px;margin-bottom: -80px;}
.p-about h1{line-height: 1.5em}
.section-vision{padding:70px 0px 0px;border-top-left-radius: var(--radius_xl);border-top-right-radius: var(--radius_xl);margin-top: -150px;background: #fff}
.section-vision h5{margin-bottom: 30px;margin-top: 30px}
.section-vision h2{line-height: 1.5em}
.box-vision{padding: 50px 0px 100px;}
.box-vision-img{border-radius:30px;overflow: hidden;box-shadow: 0px 3px 20px #00000029;}
.box-value{background-image:url("../images/bg-about.png"),url("../images/bg-yellow.jpg");background-size:contain,contain;background-position: center center,center bottom;background-repeat: no-repeat,no-repeat;background-color:var(--color_yellow) ;padding: 50px 0px 250px;}
.hl12 a{background-color:#fff;margin:15px 0px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;border-radius:10px;font-size:18px;border:3px solid  var(--color_yellow);font-weight: bold;color:#333;background-size: cover;box-shadow: 0px 3px 10px #00000019;text-align: center;padding: 10px}
.hl12 .row .col-3:nth-child(3n+1) a{}
.hl12 .row .col-3:nth-child(3n+2) a{}
.hl12 .row .col-3:nth-child(3n+3) a{}
.hl12 .row .col-3:nth-child(3n+4) a{}
.hl12 .row .col-3:nth-child(1) a{background-image: url("../images/icon/icon-hl12-(1).png");}
.hl12 .row .col-3:nth-child(2) a{background-image: url("../images/icon/icon-hl12-(2).png");}
.hl12 .row .col-3:nth-child(3) a{background-image: url("../images/icon/icon-hl12-(3).png");}
.hl12 .row .col-3:nth-child(4) a{background-image: url("../images/icon/icon-hl12-(4).png");}
.hl12 .row .col-3:nth-child(5) a{background-image: url("../images/icon/icon-hl12-logo.png");}
.hl12 .row .col-3:nth-child(6) a{background-image: url("../images/icon/icon-hl12-(6).png");}
.hl12 .row .col-3:nth-child(7) a{background-image: url("../images/icon/icon-hl12-(7).png");}
.hl12 .row .col-3:nth-child(8) a{background-image: url("../images/icon/icon-hl12-(8).png");}
.hl12 .row .col-3:nth-child(9) a{background-image: url("../images/icon/icon-hl12-(9).png");}
.hl12 .row .col-3:nth-child(10) a{background-image: url("../images/icon/icon-hl12-(10).png");}
.hl12 .row .col-3:nth-child(11) a{background-image: url("../images/icon/icon-hl12-(11).png");}
.hl12 .row .col-3:nth-child(12) a{background-image: url("../images/icon/icon-hl12-(12).png");}
.section-timeline{background:var(--color_gray);padding:100px 0px 150px;border-top-left-radius: var(--radius_xl);border-top-right-radius: var(--radius_xl);}
.section-timeline iframe{width:100%;height:460px;background: #000;border-radius: var(--radius_m);margin-top: -250px;margin-bottom: 30px;box-shadow: 0px 3px 20px #00000029;}
.section-timeline h3{font-weight:bold;margin-top:30px;margin-bottom:20px;}
.section-timeline .tl{list-style:none;padding: 0px;font-size: 20px;margin-top: 50px;}
.section-timeline .tl>li{display:flex;margin-bottom:80px;}
.section-timeline .tl div:first-child{font-size:40px;font-weight: bold;margin-right:50px;}
.section-timeline .tl>li ul li{margin-bottom:10px}
.section-timeline a:link,.section-timeline a:visited{color:#000;}
@media (max-width: 1399.98px) {
.hl12 .row .col-3{padding:0px 8px}
.hl12 a{margin:8px 0px;font-size:17px;}}
@media (max-width: 1299.98px) {
.section-vision h5{font-size:26px}
.section-vision h2{font-size:24px}}
@media (max-width: 991.98px) {
.section-vision h5{font-size:24px}
.section-vision h2{font-size:20px}}
@media (max-width: 767.98px) {
.p-about .p-top h2{font-size:22px}
.section-vision{padding:40px 0px 200px;}
.box-value{padding: 50px 0px 50px;}
.hl12 .row .col-3{padding:0px 5px}
.hl12 a{margin:5px 0px;font-size:16px;}
.section-timeline iframe{height:50vw;}
.section-timeline .tl{font-size: 17px;margin-top:40px;}
.section-timeline .tl>li{margin-bottom:40px;}
.section-timeline .tl div:first-child{font-size:30px;margin-right:40px;}}

/*p-contact*/
.p-contact .section-contactus{border-radius: 0px;}
.contact-box .form-check-input{background: transparent;}
.contact-box a,.contact-box a:link,.contact-box a:visited {color: #fff;}

/*p-courses*/
.p-courses .col-c-info h4{font-weight: bold;margin:20px 0px}
.p-courses .col-c-info-icon{text-align: center;margin-bottom:30px;}
.p-courses .col-c-info-icon .col{display: flex;align-items: center;}
.p-courses .col-c-info-icon .col img{width:100px;margin-right:8px;}
@media (max-width: 991.98px) {
.p-courses .col-c-info-icon .col{flex-direction: column}
.p-courses .col-c-info-icon .col img{width: 70px;margin-right:0px;margin-bottom: 10px;}
.p-courses .col-c-info-icon .col h5{font-size:16px}}
@media (max-width: 767.98px) {
.p-courses .col-c-info-icon .col img{width: 60px;margin-right:6px;}}

/*p-course*/
.p-course .p-top{height:auto;padding-bottom:100px}
.p-course #footer{margin-top: -100px;}
.p-course .course-maintitle{font-size: 28px}
.course-info{background-color:var(--color_yellow);border-radius: var(--radius_m);overflow: hidden;margin-top: 30px;box-shadow: 0px 10px 20px rgba(0,0,0,.2)}
.course-info,.course-info .course-cover,.info{height:450px;}
.course-info .course-cover img{width:100%;height:100%;object-fit: cover;}
.info{overflow-y:scroll;overflow-x:hidden;padding:30px 0px;}
.info::-webkit-scrollbar {width:3px;}
.info::-webkit-scrollbar-track {background-color:var(--color_yellow);} 
.info::-webkit-scrollbar-thumb {background-color:var(--color_yellow);}
.info:hover::-webkit-scrollbar-thumb {border-radius:5px;background-color:var(--color_orange_yellow);}
.infob{height:100%;padding:0px 15px 15px 0px;}
.infob-t{margin-bottom:10px;color:rgba(0,0,0,.6);font-size: 16px;font-weight: 500;border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 8px;}
.infob-p span{font-size:24px;color:#000;font-weight: bold;margin-bottom:5px;display: block} 
.infob-p-s span{font-size:20px;color:#000;} 
.course-info .card-author a,.course-info .card-author a:link,.course-info .card-author a:visited{color:#000;padding:5px 10px ;border-radius: 10px;background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.1);margin:0px 10px 10px 0px}
.course-info .card-author a:hover,.course-info .card-author a:active{box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.course-info .card-author .card-author-name{font-size:16px;font-weight:500;}
.course-info .card-author .card-author-title{font-size:14px;font-weight: normal;color: #666}
.p-course .card-price{font-size:30px;font-weight: bold;margin: 20px 0px -30px}
.p-course .card-price img.card-price-point{width:50px;-webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3))}
.p-course .card-price .btn{margin-top:20px;padding:10px 80px}
.p-course .col-stickerprice{display:flex;align-items: center}
.p-course .card-stickerprice{position:relative;opacity:1;margin-right: 6px;font-size:18px;color: #444}
.p-course .card-stickerprice img.card-price-point{width:30px;margin-top: -2px;}
.p-course .p-main{border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);background:var(--color_gray2);margin-top: -100px;padding:60px 0px 150px}
.list-link{list-style:none;padding: 0px;margin-bottom: 0px;margin-top: 15px;}
.list-link li{display:inline-block}
.list-link li .card-author{}
@media (max-width: 1599.98px) {	
.course-info,.course-info .course-cover,.info{height:430px;}
.info{padding:20px 0px;}}
@media (max-width: 1399.98px) {}
@media (max-width: 991.98px) {
.p-course .course-maintitle{font-size: 24px}
.course-info{height:auto}
.course-info .course-cover{height:50vw;}
.info{padding:20px 20px 10px;height:auto}}
@media (max-width: 767.98px) {
.infob-p span{font-size:18px;}}

/*p-service*/
.p-service .p-top{background: url(../images/kv-Services.jpg) var(--color_orange_yellow);}
.p-service .p-main{background:#fff;border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);margin-top: -120px;padding:80px 0px 0px;margin-bottom: -100px;}
.p-service-box{height:100%;display: flex;flex-direction: column;justify-content: space-around;align-items: center}
.p-service-box h3{font-weight:bold;font-size:20px;text-align: center}
.p-service-box img{width:100px;max-width: 100%; margin-bottom: 10px}
.box-service{background-image:url("../images/bg-yellow.jpg");background-size:contain;background-position:center bottom;background-repeat:no-repeat;background-color:var(--color_yellow);padding: 80px 0px;}
.box-service-ul{list-style: none;padding: 0px;margin: 0px}
.box-service-ul li{font-weight: bold;font-size: 20px;display: inline-block;padding:10px 20px 10px 0px}
.box-service-ul li img{width:70px;max-width:100%}
.box-service img{max-width:90%}
.box-service-p1{/*background:url("../images/photo2.jpg") #333 center center;*/background-size: cover;padding: 200px 0px;color: #000;}
.box-service-p2{background:url("../images/photo2.jpg") #333 center center;background-size: cover;padding: 200px 0px;color: #000;}
.box-service-p3{background:url("../images/photo4.jpg") #333 center center;background-size: cover;padding: 200px 0px;color: #fff;}
.box-service-p1 h2{line-height:1.6em}
.box-service-last{padding-bottom:300px}
@media (max-width: 991.98px) {
.box-service-p1{padding: 100px 0px;}
.box-service-last{padding-bottom:200px}}
@media (max-width: 767.98px) {
.box-service-p2{padding: 50px 0px 300px;color: #000;background:url("../images/photo2.jpg") #fff bottom right no-repeat;background-size: auto;}
.p-service .p-main{padding:0px;}}

/*p-funding*/
.p-funding .p-top{background: url(../images/kv-funding.jpg) var(--color_green);}
.p-funding .p-main{background:#fff;border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);margin-top: -120px;padding:80px 0px}
.p-funding h3{margin-bottom:20px;font-weight: bold;margin-top:30px;}
.p-funding h5{font-size: 1.44em;line-height:1.25;margin: 2.25em 0 1em;padding-left:2em;background: url("../images/h5-icon.png") left top no-repeat;color:#999;}

.card-author-memtor .card-author-avatar{flex:none}

/*p-hub*/
.p-hub .p-top{background: url(../images/kv-mentor.jpg) var(--color_blue);}
.p-hub .p-main{background:#fff;border-top-left-radius:var(--radius_xl);border-top-right-radius:var(--radius_xl);margin-top: -120px;padding:80px 0px}
.col-memtor{display:flex}
.col-memtor .card-author{margin:0px auto 40px; flex: initial;}
.col-memtor .card-author a{flex-direction: column;text-align: center;}
.col-memtor .card-author a .card-author-avatar {width: 160px;height: 160px;border-radius:80px;margin-right:0px;margin: 0px auto;background: #ccc;border:5px solid #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow:inherit;position: relative}
.col-memtor .card-author a .card-author-avatar img{border-radius:80px}
.col-memtor .card-author a .card-author-name{font-weight:bold;font-size:24px;line-height: 1.2em;margin:10px 0px}
.col-memtor .card-author a .card-author-title{font-weight:300;}
.col-memtor .card-author.card-author-incumbent a .card-author-avatar{border:5px solid var(--color_orange_yellow)}
.col-memtor .card-author.card-author-incumbent a .card-author-avatar:after{content: "";color:#fff;display: block;width:26px;height:26px;border-radius:13px;background:url("../images/icon-avatar.png") var(--color_orange);background-size: cover;position: absolute;bottom: 5px;right: 5px;line-height: 40px;text-align: center}
.col-memtor .card-author.card-author-contract a .card-author-avatar{}
.col-memtor .card-author.card-author-contract a .card-author-avatar:after{content: "";color:#fff;display: block;width:26px;height:26px;border-radius:13px;background:url("../images/icon-avatar.png") #999;background-size: cover;position: absolute;bottom: 5px;right: 5px;line-height: 40px;text-align: center}
.p-hub .p-hub-logo{width:100%}
.p-hub h2{font-weight: bold;}
.p-top-author-avatar{width:140px;height:140px;border-radius: 70px;overflow: hidden;margin:40px 0px 20px;border:5px solid #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);object-fit: cover;background: #eee}
.p-blue .list-menu li{padding: 0px;display: inline-block;text-align: center}
.p-blue .list-menu li a{background:var(--color_blue);color:#fff;border:2px solid var(--color_blue);}
.p-blue .list-menu li a:hover{text-decoration: none}
.p-blue .list-menu li a.active{background:#000;border:2px solid #000;color:#fff;}
@media (max-width: 991.98px) {
.p-hub .p-main{padding: 50px 0px;}}
@media (max-width: 767.98px) {
.p-hub .p-hub-logo{aspect-ratio: 1 / 1;object-fit: contain;}}