.breadcrumb{position: relative; padding: 20px 0 15px; z-index: 0;}
.breadcrumb ul{float: left; list-style: none;}
.breadcrumb ul li{float: left; font-size: 15px;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 11px;}
.breadcrumb ul li a{display: inline-block; color: #333;}

@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-mobile{display: none;}
}
@media (min-width:767px){
    .breadcrumb ul li.breadcrumb-mobile{display: block;}
}
.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #064377; font-family: HNBold; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li p{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}
.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #064377; line-height: 33px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}
.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}
@media (min-width: 320px){
    .LienHeRight{margin: 0 0 30px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.faq-item{margin: 0 0 30px;}
.faq-ask{position: relative; max-width: 767px; margin: 0 auto 10px; padding: 0 0 0 30px;}
.faq-ask:after{font-family: HNBold; content: 'Q:'; position: absolute; top: 0; left: 0;}
.faq-answer{position: relative; max-width: 767px; margin: 0 auto; padding: 0 0 0 30px;}
.faq-answer:after{font-family: HNBold; content: 'A:'; position: absolute; top: 0; left: 0;}.advisory-wrap .sweet-alert{box-sizing: border-box; padding: 20px!important; background: #f4f5f6!important; border-radius: 0!important;}
.advisory-wrap .sweet-alert .sa-icon.sa-success::before, .advisory-wrap .sweet-alert .sa-icon.sa-success::after, .advisory-wrap .sweet-alert .sa-icon.sa-success .sa-fix{background: #f9f9f9!important;}
.advisory-title{font-family: HNBold; font-size: 20px; text-align: center; line-height: 40px; color: #fff; background: #8c1515;}
.advisory-content{padding: 20px 20px 0; background: #f4f5f6;}
.advisory-item{position: relative; margin: 0 0 10px;}
.advisory-item p{font-family: HNBold; font-size: 16px; line-height: 27px; color: #8c1515;}
.advisory-item span{float: left; width: 105px; font-family: HNMedium; line-height: 27px; color: #333;}
.advisory-item select, .advisory-item input{float: left; width: calc(100% - 105px); height: 27px;}
.advisory-item input[type='submit']{width: 105px;}
.advisory-item label{line-height: 27px;}
@media (min-width:320px){
    .advisory{padding: 30px 0 0;}
}
@media (min-width:970px){
    .advisory{position: absolute; right: 0; bottom: 7px; left: 0; margin: auto; padding: 0;}
    .advisory-wrap{position: absolute; bottom: 0; left: 0; width: 400px;}
    
    .advisory-inner{position: relative; bottom: 0;}
    .advisory-inner .advisory-wrap{position: relative; width: auto; max-width: 767px; margin: 0 auto 30px;}
}
@media (min-width:1170px){
    .advisory{bottom: 70px;}
    .advisory-inner{bottom: 0;}
}.email{padding: 15px 0; background: #f4f5f6;}
.email img{position: absolute; right: 115px; bottom: -15px;}
.email-title{background: url(/components/home.email/e.png) no-repeat center left;}
.email-item{position: relative; float: left; height: 40px;}
.email-item:nth-child(1){width: calc(100% - 105px);}
.email-item:nth-child(2){width: 105px;}
.email-item input[type='text']{height: 100%; text-indent: 15px; border: 0; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);}
.email-item input[type='submit']{width: 100%; height: 100%; background: #064377;}
.email-item input[type='submit']:hover{background: #b1040e;}
.email-item label.error, #email-registered{line-height: 40px; color: #ff0000;}
#email-result{font-size: 15px; text-transform: uppercase; text-align: center; line-height: 40px; color: #fff; background: #006cb5;}
@media (min-width:320px){
    .email img{display: none;}
    .email-title{margin: 0 0 10px; padding: 10.5px 0 10.5px 65px;}
}
@media (min-width:767px){
    .email img{display: block; right: 0;}
    .email-title{float: left; width: 135px; margin: 0 30px 0 0; padding: 1px 0 1px 65px;}
    .email-wrap{float: left; width: 400px;}
}
@media (min-width:970px){
    .email-wrap{width: 450px;}
}
@media (min-width:1170px){
    .email img{right: 115px;}
    .email-title{margin: 0 30px 0 215px;}
}.intro{padding: 55px 0 25px;}
.intro-content{margin: 0 0 25px;}
.intro-title{font-family: HNBold; font-size: 35px; color: #064377; margin: 0 0 19px;}
.intro-prev{margin: 0 0 19px;}
.intro-more a{display: block; color: #8c1515; transition: all 0.25s ease 0s;}
.intro-more a:hover{color: #064377;}
.intro-item{margin-bottom: 25px;}
.intro-img{margin: 0 auto 10px;}
.intro-img img{border-radius: 50%; transition: all 0.25s ease 0s;}
.intro-name a{display: block; font-family: HNBold; font-size: 20px; text-align: center; color: #064377; transition: all 0.25s ease 0s;}
.intro-item:hover .intro-img img{transform: rotate(10deg);}
.intro-item:hover .intro-name a{color: #8c1515;}
@media (min-width:320px){
    .intro-picture{margin: 0 0 25px;}
    .intro-img{width: 250px;}
}
@media (min-width:480px){
    .intro-item{float: left; width: calc(100% / 2);}
    .intro-img{width: 200px;}
}
@media (min-width:767px){
    .intro-item{float: left; width: calc(100% / 3);}
}
@media (min-width:970px){
    .intro-picture{float: left; width: 450px; margin: 0 35px 25px 0;}
    .intro-content{float: right; width: 485px;}
    .intro-list{padding: 25px 0 0;}
    .intro-img{width: 250px;}
}
@media (min-width:1170px){
    .intro-picture{width: 550px;}
    .intro-content{width: 585px;}
}.new-title{font-family: HNBold; font-size: 35px; text-align: center; color: #064377; margin: 0 0 40px;}
.new-hot-item{margin: 0 0 25px;}
.new-hot-item:nth-child(2){margin-bottom: 0;}
.new-hot-name{overflow: hidden;}
.new-hot-name a{display: block; font-family: HNBold; color: #333; transition: all 0.25s ease 0s;}
.new-hot-name a:hover{color: #b1040e;}
.new-hot-prev{height: 76px; overflow: hidden;}
.new-hot-more a{display: block; text-align: right; color: #064377; transition: all 0.25s ease 0s;}
.new-hot-more a:hover{color: #b1040e;}
.new-new-title{font-family: HNBold; font-size: 16px; color: #064377;}
.new-new ul{list-style: none; margin: 0 0 10px;}
.new-new ul li{padding: 10px 0 10px 15px; border-bottom: 1px dashed #d7d7d7;}
.new-new ul li a{position: relative; display: block; color: #333; transition: all 0.25s ease 0s;}
.new-new ul li a:hover{color: #b1040e;}
.new-new ul li a i{position: absolute; top: 0; left: -15px; transition: all 0.25s ease 0s;}
.new-new ul li a:hover i{left: -12.5px;}
.new-new-more{text-align: center;}
.new-new-more a{display: inline-block; padding: 10px 25px 10px 10px; background: url(/components/home.new/b.png) no-repeat center right 10px; border: 1px solid transparent; color: #064377; transition: all 0.25s ease 0s;}
.new-new-more a:hover{border: 1px solid #d7d7d7;}
@media (min-width:320px){
    .new-hot{margin: 0 0 25px;}
    .new-hot-img{margin: 0 0 10px;}
    .new-hot-name{margin: 0 0 5px;}
    .new-hot-prev{display: none;}
    .new-new{margin: 0 0 25px;}
}
@media (min-width:410px){
    .new-hot-img{float: left; width: 245px; margin: 0 25px 0 0;}
    .new-hot-name{height: 133px;}
}
@media (min-width:580px){
    .new-hot-name{height: 57px;}
    .new-hot-prev{display: block; margin: 0 0 5px;}
}
@media (min-width:970px){
    .new-hot{float: left; width: 580px; margin: 0 15px 25px 0; padding: 0 55px 0 0; background: url(/components/home.new/b.jpg) no-repeat center right;}
    .new-new{float: right; width: 320px;}
}
@media (min-width:1170px){
    .new-hot{width: 670px; margin: 0 50px 30px 0; padding: 0 70px 0 0;}
    .new-new{width: 380px;}
}.product{padding: 40px 0 25px;}
.product-title{position: relative; font-family: HNBold; font-size: 35px; text-align: center; color: #064377; margin: 0 0 35px; padding: 0 0 20px; border-bottom: 3px solid #d7d7d7;}
.product-title:after{content: ''; position: absolute; right: 0; bottom: -3px; left: 0; width: 170px; height: 3px; margin: auto; background: #064377; transition: all 0.25s ease 0s;}
.product-title:hover:after{width: 200px;}
.product-title a{display: block; color: #064377;}
.product-item,
.product-item-2{position: relative; margin-bottom: 25px;}
.product-img{padding: 2px; border: 1px solid #d7d7d7}
.product-name{position: absolute; right: 0; bottom: 3px; left: 0; width: calc(100% - 6px); margin: auto; background: rgba(6,67,119,0.75); z-index: 1; transition: all 0.25s ease 0s;}
.product-name:hover{background: rgba(6,67,119,0.95);}
.product-name a{display: block; font-family: HNBold; text-align: center; color: #fff; padding: 7px 0 11px;}
.product-prev{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% - 26px); height: calc(100% - 26px); margin: auto; padding: 10px; background: rgba(0,0,0,0.5); line-height: 20px; color: #fff; z-index: 0; opacity: 0; transition: all 0.5s ease 0s;}
.product-item:hover .product-prev,
.product-item-2:hover .product-prev{opacity: 1;}
.product-price{position: absolute; top: 8px; right: 3px; padding: 3px 9px; background: #8c1515; color: #fff;}
.product-price-2{max-width: 767px; margin: 0 auto 10px; font-family: HNBold; color: #8c1515;}
@media (min-width:480px){
    .product-item{float: left; width: calc((100% - 15px) / 2); margin-right: 15px;}
    .product-item:nth-child(2n){margin-right: 0;}
    
    .product-item-2{float: left; width: calc((100% - 15px) / 2); margin-right: 15px;}
    .product-item-2:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .product-item{width: calc((100% - 25px) / 2); margin-right: 25px;}
    
    .product-item-2{width: calc((100% - 20px) / 3); margin-right: 10px;}
    .product-item-2:nth-child(2n){margin-right: 10px;}
    .product-item-2:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .product-item{width: calc((100% - 45px) / 4); margin-right: 15px;}
    .product-item:nth-child(2n){margin-right: 15px;}
    .product-item:nth-child(4n){margin-right: 0;}
    
    .product-item-2{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .product-item-2:nth-child(2n){margin-right: 30px;}
    .product-item-2:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .product-item{width: calc((100% - 75px) / 4); margin-right: 25px;}
    .product-item:nth-child(2n){margin-right: 25px;}
    .product-item:nth-child(4n){margin-right: 0;}
    
    .product-item-2{width: calc((100% - 100px) / 3); margin-right: 50px;}
    .product-item-2:nth-child(2n){margin-right: 50px;}
    .product-item-2:nth-child(3n){margin-right: 0;}
}.service{position: relative; background: url(/components/home.service/b.jpg) no-repeat center top fixed / 100% 100%;}
.service:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(6,67,119,0.5); z-index: 0;}
.service .wrap{z-index: 1;}
.service-title{position: relative; font-family: HNBold; font-size: 35px; text-align: center; color: #fff; margin: 0 0 25px;}
.service-title a{display: block; color: #fff;}
.service-intro{text-align: center; color: #fff; margin: 0 0 35px;}
.service-group-name{margin: 0 0 20px; padding: 0 0 5px; border-bottom: 2px solid #8c1515;}
.service-group-name a{display: block; font-family: HNBold; font-size: 20px; text-align: center; color: #8c1515;}
.service-item{margin-bottom: 20px;}
.service-img{margin: 0 0 30px; border: 3px solid #064377; overflow: hidden;}
.service-item .service-img{margin: 0 0 10px;}
.service-img img{transform: scale3d(1.025,1.025,1.025); transition: all 0.5s ease 0s;}
.service-item .service-name{height: 76px; overflow: hidden;}
.service-name a{display: block; font-family: HNBold; text-align: center; color: #fff;}
.service-item .service-name a{color: #064377;}
.service-item:hover .service-img{border: 3px solid #8c1515;}
.service-owl:hover .service-img img,
.service-item:hover .service-img img{transform: scale3d(1,1,1);}
.service-item:hover .service-name a{color: #8c1515;}
.service-list{position: relative;}
.service-list .owl-nav div{position: absolute; top: 95px; opacity: 0; transition: all 0.5s ease 0s;}
.service-list .owl-nav div i{display: block; width: 33px; height: 33px; background: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; font-size: 15px; text-align: center; line-height: 33px; color: #333;}
.service-list .owl-nav div:hover{color: #000;}
.service-list .owl-nav div.owl-prev{left: -55px;}
.service-list .owl-nav div.owl-next{right: -55px;}
.service-list:hover .owl-nav div.owl-prev{left: -50px; opacity: 1;}
.service-list:hover .owl-nav div.owl-next{right: -50px; opacity: 1;}
.service-list .owl-dots{position: absolute; right: 0; bottom: -70px ; left: 0; width: 150px; height: 25px; margin: auto; text-align: center; background: #fff; border-radius: 25px 25px 0 0;}
.service-list .owl-dots div{display: inline-block; width: 11px; height: 11px; margin: 6px 8px; border: 1px solid #064377; border-radius: 50%;}
.service-list .owl-dots div:hover, .service-list .owl-dots div.active{background: #064377;}
@media (min-width:320px){
    .service{padding: 40px 0;}
    .service-list .owl-nav,
    .service-list .owl-dots{display: none;}
}
@media (min-width:480px){
    .service-item{float: left; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .service-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .service-item{width: calc((100% - 20px) / 2); margin-right: 20px;}
    .service-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .service-item{width: calc((100% - 20px) / 3); margin-right: 10px;}
    .service-item:nth-child(2n){margin-right: 10px;}
    .service-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .service{padding: 40px 0 70px;}
    .study-intro{padding: 0 90px;}
    .service-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .service-item:nth-child(2n){margin-right: 30px;}
    .service-item:nth-child(3n){margin-right: 0;}
    .service-list .owl-nav,
    .service-list .owl-dots{display: block;}
}
@media (min-width:1170px){
    .study-intro{padding: 0 180px;}
    .service-item{width: calc((100% - 100px) / 3); margin-right: 50px;}
    .service-item:nth-child(2n){margin-right: 50px;}
    .service-item:nth-child(3n){margin-right: 0;}
}.amazingslider-text-wrapper-1{top: 0; right: 0; margin: auto!important; align-items: flex-end; justify-content: flex-end;}
.amazingslider-text-holding-1{display: none;}
.amazingslider-text-1{width: 470px;}
.amazingslider-title-1{display: none!important; font-family: HNBold; font-size: 26px; font-weight: bold; color: rgba(255,255,255,1); margin: 0; padding: 0;}
.amazingslider-description-1{font-family: HNBold; text-align: justify; line-height: 1.2; color: #000; margin: 0 0 2px; padding: 10px; background: rgba(255,255,255,0.125);}
.amazingslider-button-1{margin: 0 0 20px!important;}
.as-btn-blueborder-large{font-family: HNBold; font-size: 16px; text-align: center; color: #000; width: 130px; height: 35px; background: rgba(255,255,255,0.125); border: 0; transition: all 0.25s ease 0s;}
.as-btn-blueborder-large:hover{color: #fff; background: #064377;}
@media (min-width:320px){
    .amazingslider-text-wrapper-1{display: none!important;}
}
@media (min-width:767px){
    .amazingslider-text-wrapper-1{display: flex!important; width: 767px;}
}
@media (min-width:970px){
    .amazingslider-text-wrapper-1{width: 970px;}
}
@media (min-width:1170px){
    .amazingslider-text-wrapper-1{width: 1170px;}
}.study{padding: 20px 0; background: #f4f5f6;}
.study-title{position: relative; margin: 0 0 10px; padding: 0 0 13px;}
.study-title:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100px; height: 3px; margin: auto; background: #064377; transition: all 0.25s ease 0s;}
.study-title:hover:after{width: 130px;}
.study-title a{display: block; font-family: HNBold; font-size: 35px; text-align: center; color: #064377;}
.study-intro{text-align: center; margin: 0 0 35px;}
.study-item{margin-bottom: 40px;}
.study-wrap{}
.study-content{position: relative; background: #fff; padding: 10px;}
.study-item-2 .study-content{background: #f4f5f6;}
.study-name{margin: 0 0 10px;}
.study-item-2 .study-name{height: 38px; overflow: hidden;}
.study-name a{display: block; font-family: HNBold; color: #064377; transition: all 0.25s ease 0s}
.study-name a:hover{color: #8c1515;}
.study-item-2 .study-name a{font-size: 16px!important;}
.study-prev{height: 76px; margin: 0 0 10px; text-align: justify; overflow: hidden;}
.study-more{ width: 113px; margin: auto; background: #fff; border: 1px solid #064377; transition: all 0.25s ease 0s;}
.study-item-2 .study-more{background: #f4f5f6;}
.study-more:hover{background: #8c1515; border: 1px solid #8c1515;}
.study-more a{display: block; font-family: HNBold; text-align: center; line-height: 33px; color: #064377; transition: all 0.25s ease 0s;}
.study-more a:hover{color: #fff;}
@media (min-width:320px){
    .study-name a{font-size: 22px;}
}
@media (min-width:480px){
    .study-item{float: left; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .study-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .study-item{float: left; width: calc((100% - 20px) / 2); margin-right: 20px;}
    .study-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .study-item{float: left; width: calc((100% - 20px) / 3); margin-right: 10px;}
    .study-item:nth-child(2n){margin-right: 10px;}
    .study-item:nth-child(3n){margin-right: 0;}
    .study-name a{font-size: 18px;}
}
@media (min-width:970px){
    .study-intro{padding: 0 90px;}
    .study-item{float: left; width: calc((100% - 60px) / 3); margin-right: 30px;}
    .study-item:nth-child(2n){margin-right: 20px;}
    .study-item:nth-child(3n){margin-right: 0;}
    .study-name a{font-size: 22px;}
}
@media (min-width:1170px){
    .study-intro{padding: 0 180px;}
    .study-item{float: left; width: calc((100% - 100px) / 3); margin-right: 50px;}
    .study-item:nth-child(2n){margin-right: 50px;}
    .study-item:nth-child(3n){margin-right: 0;}
}.left-title{position: relative; font-family: Avo; font-size: 21px; font-weight: normal; text-transform: uppercase; color: #004dfc; margin-bottom: 10px; padding: 2px 0 6px 21px; border: 1px solid #d7d7d7;}
.left-title:after{content: ''; position: absolute; top: -1px; left: -1px; width: 9px; height: 39px; background: #004dfc;}

.left-list{margin-bottom: 30px;}
.left-list ul{list-style: none;}
.left-list ul li a{display: block; font-size: 14px; line-height: 32px; border-bottom: 1px solid #d7d7d7;}
.left-list ul li a:hover{color: #004dfc;}
.left-list ul li span{position: absolute; top: 0; right: 0; width: 17px; height: 32px; cursor: pointer;}
.left-list ul li span.left-button-minus{background: url(/components/left/img/m.png) no-repeat center;}
.left-list ul li span.left-button-plus{background: url(/components/left/img/p.png) no-repeat center;}

.left-list > ul{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-list > ul > li{position: relative;}
.left-list > ul > li > a{color: #565656; padding-left: 20px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 7px;}
.left-list > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 7px; color: #004dfc;}
.left-list > ul > li > ul > li > a{color: #333!important; padding-left: 40px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 27px;}
.left-list > ul > li > ul > li > a:hover, .left-list > ul > li > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 27px; color: #004dfc!important;}

.help{margin-bottom: 30px;}
.help-item{border-bottom: 1px solid #d7d7d7;}
.help-list{padding: 9px 0 0; border: 1px solid #d7d7d7; border-bottom: 1px;}
.help-name{font-size: 14px; text-align: center; line-height: 26px;}
.help-phone{text-align: center; margin-bottom: 11px;}
.help-phone a{font-size: 16px; line-height: 26px; color: #ff0000;}
.help-chat{margin-bottom: 11px;}
.help-zalo{position: relative; float: left; margin-left: 20px;}
.help-zalo-code{position: absolute; bottom: 40px; left: 0; width: 175px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); border: 5px solid #fff;}
.help-skype{float: right; margin-right: 20px;}
.help-email{margin: 0 7px; padding-left: 43px; background: url(/components/left/img/e.png) no-repeat center left 7px; border-top: 1px dashed #d7d7d7;}
.help-email a{display: block; line-height: 42px; color: #147e3e;}

.left-tin{}
.left-tin-container{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-tin-item{padding: 10px; border-bottom: 1px dashed #d7d7d7;}
.left-tin-item:last-child{border-bottom: 1px solid #d7d7d7;}
.left-tin-img{float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7;}
.left-tin-name{height: 60px; overflow: hidden;}
.left-tin-name a{display: block; line-height: 20px; color: #333; transition: all 0.25s ease 0s;}
.left-tin-item:hover .left-tin-name a{color: #0774b8;}.menu{position: relative; float: right; height: 40px; margin: 30px 0; z-index: 100; transition: all 0.5s ease 0s;}
.header-fixed .menu{margin: 15px 0;}
.menu-desk{float: left;}
.menu-desk ul{list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li{position: relative; float: left; list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li a{display: block; font-family: HNBold; font-size: 20px; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.menu-desk ul li.active a, .menu-desk ul li a:hover{color: #ffd600;}
.menu-desk ul li ul{position: absolute; width: 270px; opacity: 0; transform-origin: 0 0;}
.menu-desk ul li ul li{float: none; margin: 0; background: #064377;}
.menu-desk ul li ul li a{padding: 0 7px; font-size: 15px; line-height: 30px; color: #fff!important;}
.menu-desk ul li ul li a:hover{color: #ffd600!important;}
.header-fixed .menu-desk ul li ul{padding: 15px 0 0;}
.menu-desk ul li ul{top: 100%; left: 0; padding: 30px 0 0; transform: scale(1,0);}
.menu-desk ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu-desk ul li ul li ul{top: 0; left: 100%; padding: 0!important; transform: scale(0,1);}
.menu-desk ul li ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu-desk ul li ul li ul li a{color: #fff!important;}
.menu-desk ul li ul li ul li a:hover{color: #ffd600!important;}
#menu-mobile{opacity: 0;}
.menu-mobile{position: relative; float: left; width: 50px; height: 40px; text-align: center;}
.menu-mobile span{display: block; width: 33px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background: #fff;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 33px; height: 3px; background: #fff; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}
@media (min-width: 320px){
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    .menu-desk ul > li > a{padding: 0 15px}
}
@media (min-width: 1170px){
    .menu-desk ul > li > a{padding: 0 25px}
}.news-list{}
.news-item{margin-bottom: 30px; line-height: 25px;}
.news-name{display: -webkit-box; height: 50px; margin-bottom: 5px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-name a{display: block; font-family: HNBold; font-size: 20px; color: #333;}
.news-item:hover .news-name a{color: #064377;}
.news-time{margin-bottom: 10px;}
.news-time a{display: inline-block; font-size: 12px; color: #8c1515; transition: all 0.25s ease 0s;}
.news-time a:hover{color: #b1040e;}
.news-time a:before{content: '|'; display: inline-block; margin: 0 7px 0 3px; transform: translateY(-1.5px);}
.news-time a b{display: inline-block;}
.news-img{margin-bottom: 10px;}
.news-prev{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; height: 75px; -webkit-box-orient: vertical; overflow: hidden;}
.news-download{max-width: 767px; margin: 0 auto 20px;}
.news-download a{position: relative; display: inline-block; padding: 0 15px 0 56px; background: #8c1515; font-family: HNBold; text-align: center; line-height: 40px;color: #fff; transition: all 0.25s ease 0s;}
.news-download a:hover{background: #064377;}
.news-download a i{position: absolute; top: 2px; left: 0; width: 40px; height: 36px; border-right: 1px solid #fff; font-size: 20px; line-height: 36px;}
@media (min-width:320px){
}
@media (min-width:480px){
    .news-item{float: left; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .news-item{width: calc((100% - 20px) / 2); margin-right: 20px;}
}
@media (min-width:767px){
    .news-item{width: calc((100% - 30px) / 2); margin-right: 30px;}
}
@media (min-width:970px){
    .news-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .news-item:nth-child(2n){margin-right: 20px;}
    .news-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .news-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 30px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.notify{margin: 15px 0 0;}
.notify-list{padding: 15px; border: 1px solid #d7d7d7;}
.notify-list .owl-nav div{position: absolute; top: 0; bottom: 0; margin: auto; width: 19px; height: 19px; background: #fff; text-align: center;}
.notify-list .owl-nav .owl-prev{left: 0;}
.notify-list .owl-nav .owl-next{right: 0;}
.notify-item{width: calc(100% - 38px); margin: auto; text-align: center;}.p-search{position: absolute; top: 64px; right: 0; width: 310px;}
.p-search input[type='text']{float:  left; width: calc(100% - 70px); border-right: 0;}
.p-search input[type='submit']{float:  right; width: 70px;}.talk-list{max-width: 767px; margin: auto;}

.talk-item{margin: 0 0 30px; line-height: 20px;}

.talk-info .clear{width: 100%; margin: 10px 0 15px; border-bottom: 1px dashed rgba(51,51,51,0.5);}

.talk-name{font-family: OpenSansSB; text-transform: uppercase; color: #064377; max-height: 40px; overflow: hidden; margin-bottom: 10px;}
.talk-name a{color: #064377; transition: all 0.25s ease 0s;}

.talk-prev{color: #333; max-height: 40px; overflow: hidden;}

.talk-more{float: left; font-size: 12px; text-transform: uppercase; margin: 0 10px 0 0;}
.talk-more a{display: block; padding: 3px 10px 2px; background: #064377; color: #fff; transition: all 0.25s ease 0s;}
.talk-more:hover a{background: #8c1515;}

.talk-time{float: left; font-size: 12px; text-transform: uppercase;}
.talk-time-inner{margin-bottom: 10px;}
.talk-time a{display: inline-block; background: #777; color: #fff; margin: 0 6px 0 0; padding: 3px 10px 2px; transition: all 0.25s ease 0s;}
.talk-time a:hover{background: #8c1515;}
.talk-time span{display: inline-block; padding: 3px 0 2px; color: #333;}

.talk-item:hover .talk-name a{color: #8c1515;}

@media (min-width:320px){
    .talk-img{margin: 0 0 11px;}
}
@media (min-width:480px){
    .talk-img{float: left; width: 220px; margin: 0;}
    .talk-info{float: right; width: calc(100% - 250px);}
}.tutor-picture{margin: auto;}
.tutor-detail h1, .tutor-detail label{font-size: 20px; color: #064377; margin: 0 0 10px;}
.tutor-detail ul{list-style: none; margin: 0 0 10px;}
.tutor-detail ul li{margin: 0 0 5px;}
.tutor-detail ul li span{display: inline-block; width: 110px;}
.tutor-detail p{ font-style: italic;}
.tutor-plus a{box-sizing: border-box; position: relative; display: block; float: left; margin: 10px 0 20px; padding: 5px; border: 1px solid #d7d7d7;}
.tutor-plus a:after{content: "\f002"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40px; height: 40px; margin: auto; background: rgba(0,0,0,0.5); border-radius: 50%;
    font-family: 'Font Awesome 5 Free'; font-size: 20px; font-weight: 900; text-align: center; line-height: 40px; color: #fff; opacity: 0; transition: all 0.25s ease 0s;}
.tutor-plus a:hover:after{opacity: 1;}
.tutor-download{margin: 0 auto;}
.tutor-download a{position: relative; display: inline-block; padding: 0 15px 0 56px; background: #8c1515; font-family: HNBold; text-align: center; line-height: 40px;color: #fff; transition: all 0.25s ease 0s;}
.tutor-download a:hover{background: #064377;}
.tutor-download a i{position: absolute; top: 2px; left: 0; width: 40px; height: 36px; border-right: 1px solid #fff; font-size: 20px; line-height: 36px;}
@media (min-width:320px){
    .tutor-picture{width: 310px;}
    .tutor-detail{margin: 20px 0 0;}
    .tutor-plus a{width: calc((100% - 10px)/2); margin-right: 10px;}
    .tutor-plus a:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){
    .tutor-plus a{width: calc((100% - 30px)/4); margin-right: 10px;}
    .tutor-plus a:nth-child(2n){margin-right: 10px;}
    .tutor-plus a:nth-child(4n){margin-right: 0;}
}
@media (min-width:767px){
    .tutor-picture{float: left; width: 300px;}
    .tutor-detail{float: right; width: calc(100% - 321px); margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #d7d7d7;}
    .tutor-plus a{width: calc((100% - 60px)/4); margin-right: 20px;}
    .tutor-plus a:nth-child(2n){margin-right: 20px;}
    .tutor-plus a:nth-child(4n){margin-right: 0;}
}
@media (min-width:970px){
    .tutor-picture{width: 400px;}
    .tutor-detail{width: calc(100% - 441px); margin: 0 0 0 20px; padding: 0 0 0 20px;}
}.register{}
.register-form{}
.register-title{font-family: HNBold; font-size: 20px; color: #064377; margin: 0 0 15px;}
.register-note{font-style: italic; text-align: center; color: #555;}
.register-picture{width: 310px; margin: 0 auto 30px;}
.register-picture-button{text-align: center; margin: 0 0 10px;}
.register-picture-button a{display: inline-block; font-family: HNBold; line-height: 35px; color: #fff; margin: 0 3px; padding: 0 10px; cursor: pointer;}
.register-picture-button a.SelectPicture{background: #064377;}
.register-picture-button a.RemovePicture{background: #8c1515;}
.register-picture-image{min-height: 155px; padding: 5px; border: 1px solid #d7d7d7;}
.register-item{position: relative; float: left; width: calc(50% - 5px); margin: 0 0 10px;}
.register-item:nth-of-type(2n-1){float: right;}
.register-item span{display: block; margin: 0 0 5px;}
.register-item label.error{top: inherit; bottom: 0;}
.register-item input.error{border: 1px solid #8c1515;}
.register-textarea,
.register-submit{margin: 0 0 20px;}
.register-textarea span,
.register-submit span{display: block; margin: 0 0 5px;}
.register-file a{float: left; width: 35px; height: 35px; background: #064377; text-align: center; color: #fff;}
.register-file a i{line-height: 35px;}
.register-file input{float: right; width: calc(100% - 35px); border-left: 0;}
.register-plus div.form_photos{margin: 0 0 10px;}
.register-plus span.btn{font-family: HNBold; line-height: 35px; color: #fff; margin: 0!important; padding: 0 10px; background: #064377; cursor: pointer;}
.register-plus div.template-photos{position: relative; float: left; margin: 6px 10px 10px 0; padding: 5px; border: 1px solid #d7d7d7}
.register-plus div.template-photos span.size{display: none;}
.register-plus div.template-photos button.delete{position: absolute; top: 5px; right: 5px; border: 0; background: #8c1515; color: #fff; width: 20px;}
.register-error,
.register-update{color: #fff; margin: 0 0 15px; padding: 7px;}
.register-error{background: rgba(255,0,0,0.5); border-left: 5px solid #ff0000;}
.register-update{background: rgba(0,128,0,0.5); border-left: 5px solid #008000;}

.login{}
.login-form{width: 310px; margin: auto;}
.login-item{position: relative; margin: 0 0 20px;}
.login-item a{float: right; color: #8c1515;}
.login-item a:hover{color: #064377;}

@media (min-width:320px){
    .register-info{margin: 0 0 30px;}
}
@media (min-width:480px){

}
@media (min-width:767px){
    .register-picture{float: left;}
    .register-info{float: right; width: calc(100% - 331px); margin: 0 0 30px 10px; padding: 0 0 0 10px; border-left: 1px solid #d7d7d7;}
}
@media (min-width:970px){

}
@media (min-width:1170px){

}.tutor-button{position: relative; padding: 20px 0 0; text-align: center; z-index: 1;}
.tutor-button-2{position: absolute; top: 9px; right: 0; padding: 0;}
.tutor-button a{display: inline-block; padding: 0 15px; background: #8c1515; font-family: HNBold; text-align: center; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.tutor-button a:hover{background: #064377;}
.tutor-item{box-sizing: border-box; margin-bottom: 20px; padding: 5px; border: 1px solid #064377;}
.tutor-img,
.tutor-name{margin: 0 0 5px;}
.tutor-name a{display: block; font-family: HNBold; font-size: 18px; line-height: 25px; color: #064377;}
.tutor-prev{height: 38px; margin: 0 0 10px; font-style: italic; overflow: hidden;}
.tutor-info{list-style: none; margin: 0 0 5px;}
.tutor-info li span{color: #064377;}
.tutor-more{font-family: HNBold; text-align: right; line-height: 35px;}
.tutor-more a{display: inline-block; padding: 0 15px; background: #064377; color: #fff; transition: all 0.25s ease 0s;}
.tutor-more a:hover{background: #8c1515;}
@media (min-width:320px){

}
@media (min-width:410px){

}
@media (min-width:480px){
    .tutor-item{float: left; width: calc((100% - 10px)/2); margin-right: 10px;}
    .tutor-item:nth-child(2n){margin-right: 0;}

}
@media (min-width:580px){

}
@media (min-width:767px){
    .tutor-item{width: calc((100% - 20px)/2); margin-right: 20px;}
    .tutor-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .tutor-item{width: calc((100% - 40px)/3);}
    .tutor-item:nth-child(2n){margin-right: 20px;}
    .tutor-item:nth-child(3n){margin-right: 0;}
}