Notice: Undefined variable: buffer in /home/yvietedu/public_html/components/style.php on line 15
.banner{position: relative; height: 270px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.banner-title{position: absolute; right: 0; bottom: 10px; left: 0; margin: auto;}
.banner-title-inner{font-size: 40px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}.direct{margin-bottom: 30px; padding: 14px 0; background: #f3f3f3;}
.direct ul{list-style: none;}
.direct ul li{float: left;}
.direct ul li:after{content: "/"; display: inline-block; margin: 0 5px; transform: translateY(1px);}
.direct ul li:nth-last-child(2):after{display: none;}
.direct ul li a{color: #333;}
@media (min-width:320px){
.direct ul li.direct-m{display: none;}
}
@media (min-width:768px){
.direct ul li.direct-m{display: block;}
}.menu-bar{position: relative; height: 40px; background: #0292db; z-index: 91;}
.menu-icon{position: relative; float: left; width: 50px; height: 40px; text-align: center;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 28px; height: 2px; background: #fff;}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; transition: all 0.25s ease 0s;}
.menu > ul > li{float: left;}
.menu > ul > li > a{line-height: 40px; color: #fff;}
.menu > ul > li:hover > a{background: #dc241a;}
.menu ul li ul{position: absolute; width: 225px; padding: 10px 0; background: #fff; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 10px; line-height: 30px; color: #333}
.menu ul li ul li a:hover{background: #dc241a; color: #fff;}
.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
@media (min-width: 320px){
.menu{display: none;}
}
@media (min-width: 970px){
.menu{display: block;}
.menu-display{display: none;}
.menu > ul > li > a{padding: 0 7.3px;}
}
@media (min-width: 1170px){
.menu > ul > li > a{padding: 0 9.2px; text-transform: uppercase;}
}.cacnganh-title li a h2,.cacnganh-name a h3{font-size: 100%;}
.cacnganh{padding: 35px 0 30px; background: #f9f9f9;}
.cacnganh-title{list-style: none; margin-bottom: 35px;}
.cacnganh-title li a{display: block; background: #eee; font-weight: 500; line-height: 38px; color: #777;}
.cacnganh-title li a.active{background: #0292db; color: #fff}
.cacnganh-item{position: relative; float: left; margin-bottom: 30px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25); transition: all 0.25s ease 0s;}
.cacnganh-item:hover{box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5); transform: translateY(-1px);}
.cacnganh-name{position: absolute; right: 0; bottom: 0; left: 0; transition: all 0.25s ease 0s;}
.cacnganh-name a{display: block; font-weight: 700; color: #111;}
.cacnganh-more{width: 125px; margin: auto; padding-right: 10px; background: #aaa url(/components/2cacnganh/more.png) no-repeat top 12px right 25px; transition: all 0.25s ease 0s;}
.cacnganh-more:hover{background-color: #0292db; background-position: top 12px right 20px;}
.cacnganh-more a{display: block; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 35px; color: #fff;}
.httt{background: #fff; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);}
.httt-2{margin-bottom: 30px; padding: 20px!important;}
.httt-title{padding-left: 20px; border-bottom: 2px solid #0292db; font-size: 18px; font-weight: 500; line-height: 38px; color: #777;}
.httt-phone{list-style: none; padding-bottom: 25px;}
.httt-phone li{margin-bottom: 5px; border-bottom: 1px dashed #d7d7d7;}
.httt-phone li a{display: inline-block; font-size: 16px; line-height: 35px; color: #555; transition: all 0.25s ease 0s;}
.httt-phone li a:hover{color: #dc241a;}
.httt-list{list-style: none;}
.httt-list li{background: url(/components/2cacnganh/bg.png) center;}
.httt-list li+li{margin-top: 10px;}
.httt-list li:nth-child(1){border-left: 5px solid #01a753;}
.httt-list li:nth-child(2){border-left: 5px solid #00b0fb;}
.httt-list li:nth-child(3){border-left: 5px solid #f58232;}
.httt-list li a{display: block; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 44px; color: #333; transition: all 0.25s ease 0s;}
.httt-list li a:hover{color: #0292db;}
.httt-list li:nth-child(1) a{background: url(/components/2cacnganh/1.png) no-repeat center left 10px;}
.httt-list li:nth-child(2) a{background: url(/components/2cacnganh/2.png) no-repeat center left 10px;}
.httt-list li:nth-child(3) a{background: url(/components/2cacnganh/3.png) no-repeat center left 10px;}
@media (min-width:320px){
.cacnganh-left{margin-bottom: 30px;}
.cacnganh-title li+li{margin-top: 5px;}
.cacnganh-title li a{padding: 0 15px; font-size: 16px;}
.cacnganh-item{width: calc((100% - 10px)/2); margin-right: 10px;}
.cacnganh-item:nth-child(2n){margin-right: 0;}
.cacnganh-name{background: rgba(255,255,255,0.5);}
.cacnganh-item:hover .cacnganh-name{background-color: rgba(255,255,255,0.75);}
.cacnganh-name a{padding: 5px 10px;}
.httt{padding: 20px;}
}
@media (min-width:410px){
.cacnganh-name a{font-size: 16px;}
}
@media (min-width:480px){
.cacnganh-title{border-bottom: 2px solid #0292db;}
.cacnganh-title li{float: left;}
.cacnganh-title li+li{margin-left: 10px; margin-top: 0;}
.cacnganh-title li a{padding: 0 10px; border-radius: 5px 5px 0 0; font-size: 14px;}
.cacnganh-item{width: calc((100% - 30px)/2); margin-right: 30px;}
.cacnganh-item:nth-child(2n){margin-right: 0;}
.cacnganh-name{background: rgba(255,255,255,0.5) url(/components/2cacnganh/right.png) no-repeat center right 15px;}
.cacnganh-item:hover .cacnganh-name{background-color: rgba(255,255,255,0.75); background-position: center right 10px;}
.cacnganh-name a{padding: 5px 30px 5px 15px;}
}
@media (min-width:580px){
.cacnganh-title li a{padding: 0 15px; font-size: 16px;}
}
@media (min-width:768px){
.cacnganh-title li a{font-size: 18px;}
.cacnganh-item{width: calc((100% - 60px)/3);}
.cacnganh-item:nth-child(2n){margin-right: 30px;}
.cacnganh-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
.cacnganh-left{float: left; width: calc(100% - 330px); margin-bottom: 0;}
.cacnganh-right{float: right; width: 300px;}
.httt{padding: 23.5px 30px 23.5px 20px;}
.httt-title{margin-bottom: 35px;}
}.dangky{padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.dangky ul{list-style: none;}
.dangky ul li{float: left; margin-bottom: 20px; padding-top: 30px; border-top: 9px solid; text-align: center;}
.dangky ul li:nth-child(1){border-color: #01a753;}
.dangky ul li:nth-child(2){border-color: #f58232;}
.dangky ul li:nth-child(3){border-color: #ef2c34;}
.dangky ul li:nth-child(4){border-color: #00b0fb;}
.dangky ul li img{margin: 0 auto 5px;}
.dangky ul li a{text-transform: uppercase; color: #333;}
.dangky ul li a p{margin-bottom: -7px; font-weight: bold; text-align: center;}
.dangky ul li a span{font-size: 10px;}
@media (min-width:320px){
.dangky ul li{width: 50%;}
}
@media (min-width:768px){
.dangky ul li{width: 25%;}
}.doitac{padding: 30px 0;}
.doitac .owl-nav{position: absolute; top: -40px; right: 0; left: 0; width: 60px; height: 25px; margin: auto;}
.doitac .owl-nav button{width: 25px; height: 25px; border: 1px solid #d7d7d7!important; border-radius: 50%; color: #cd0000!important; outline: none;}
.doitac .owl-nav button.owl-prev{float: left;}
.doitac .owl-nav button.owl-next{float: right;}
.doitac-title{position: relative; margin-bottom: 40px; font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: center; color: #333;}
.doitac-title:before, .doitac-title:after{content: ''; position: absolute; bottom: -5px; width: 45px; height: 3px; margin: auto;}
.doitac-title:before{right: 45px; left: 0; background: #dc241a;}
.doitac-title:after{right: 0; left: 45px; background: #0292db;}
.doitac-item{position: relative; height: 128px; border: 1px solid #d7d7d7;}
.doitac-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: calc(100% - 20px); max-height: calc(100% - 20px);}.loiich-title{display: flex; font-size: 44px; line-height: 50px; color: #fff; align-items: center; justify-content: center;}
.loiich-list{position: relative;}
.loiich-item{display: flex; position: absolute; width: 125px; height: 125px; align-items: center; justify-content: center; text-align: center; border-radius: 50%; transition: all 0.25s ease 0s;}
.loiich-item:nth-child(1){width: 140px; height: 140px; background: linear-gradient(to bottom, #ff001c 0%,#ffa801 100%); animation: circle1 7s linear infinite;}
.loiich-item:nth-child(2){background: linear-gradient(36deg, #FAD961 3%, #F76B1C 98%); animation: circle2 8s linear infinite;}
.loiich-item:nth-child(3){background: linear-gradient(60deg, #524BE2 26%, #00AEC7 99%); animation: circle3 9s linear infinite;}
.loiich-item:nth-child(4){width: 140px; height: 140px; background: linear-gradient(-134deg, #0062BB 0%, #B0C100 100%); z-index: 4; animation: circle4 10s linear infinite;}
.loiich-item:nth-child(5){background: linear-gradient(64deg, #4EE38F 11%, #217193 96%); z-index: 5; animation: circle5 11s linear infinite;}
.loiich-item:nth-child(6){background: linear-gradient(to bottom, #f68e56 0%,#c4df9b 100%); z-index: 6; animation: circle6 12s linear infinite;}
.loiich-name{text-transform: uppercase; text-align: center; color: #fff;}
.loiich-name a{display: block; padding: 0 15px; color: #fff;}
@keyframes circle1{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(360deg) translateX(10px) rotate(-360deg);}}
@keyframes circle2{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(-360deg) translateX(10px) rotate(360deg);}}
@keyframes circle3{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(360deg) translateX(10px) rotate(-360deg);}}
@keyframes circle4{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(-360deg) translateX(10px) rotate(360deg);}}
@keyframes circle5{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(360deg) translateX(10px) rotate(-360deg);}}
@keyframes circle6{from{transform: rotate(0deg) translateX(10px) rotate(0deg);} to{transform: rotate(-360deg) translateX(10px) rotate(360deg);}}
@media (min-width:320px){
.loiich{background: #1b92b7 url(/components/2loiich/bg.png) top left no-repeat; background-size: cover;}
.loiich-title{margin: 0 0 10px; padding: 20px 0 0; font-size: 33px;}
.loiich-list{height: 475px;}
.loiich-item:nth-child(1){top: 15px; left: 15px;}
.loiich-item:nth-child(2){top: 185px; left: 15px;}
.loiich-item:nth-child(3){top: 315px; left: 15px;}
.loiich-item:nth-child(4){top: 15px; right: 15px;}
.loiich-item:nth-child(5){top: 185px; right: 15px;}
.loiich-item:nth-child(6){top: 315px; right: 15px;}
}
@media (min-width:480px){
.loiich{background: #1b92b7 url(/components/2loiich/bg.png) top left no-repeat; background-size: unset;}
.loiich-title{font-size: 44px;}
.loiich-list{height: 350px;}
.loiich-item:nth-child(1){top: 15px; left: 15px;}
.loiich-item:nth-child(2){top: 15px; left: 185px;}
.loiich-item:nth-child(3){top: 15px; left: 335px;}
.loiich-item:nth-child(4){top: 185px; right: 335px;}
.loiich-item:nth-child(5){top: 185px; right: 185px;}
.loiich-item:nth-child(6){top: 185px; right: 0px;}
}
@media (min-width:580px){
.loiich-item:nth-child(1){top: 35px; left: 15px;}
.loiich-item:nth-child(2){top: 195px; left: 135px;}
.loiich-item:nth-child(3){top: 50px; left: 180px;}
.loiich-item:nth-child(4){top: 50px; right: 140px;}
.loiich-item:nth-child(5){top: 210px; right: 95px;}
.loiich-item:nth-child(6){top: 45px; right: 0px;}
}
@media (min-width:767px){
.loiich-item:nth-child(1){top: 35px; left: 15px;}
.loiich-item:nth-child(2){top: 90px; left: 175px;}
.loiich-item:nth-child(3){top: 70px; left: 300px;}
.loiich-item:nth-child(4){top: 50px; right: 210px;}
.loiich-item:nth-child(5){top: 130px; right: 95px;}
.loiich-item:nth-child(6){top: 45px; right: 0px;}
}
@media (min-width:970px){
.loiich{height: 350px;}
.loiich-title{float: left; width: 170px; height: 350px; margin: 0; padding: 0;}
.loiich-list{float: right; width: calc(100% - 170px);}
.loiich-item:nth-child(1){left: 15px;}
.loiich-item:nth-child(2){left: 175px;}
.loiich-item:nth-child(3){left: 300px;}
.loiich-item:nth-child(4){right: 210px;}
.loiich-item:nth-child(5){right: 95px;}
.loiich-item:nth-child(6){right: 0px;}
}
@media (min-width:1170px){
.loiich-item:nth-child(1){left: 160px;}
.loiich-item:nth-child(2){left: 315px;}
.loiich-item:nth-child(3){left: 450px;}
.loiich-item:nth-child(4){right: 260px;}
.loiich-item:nth-child(5){right: 175px;}
.loiich-item:nth-child(6){right: 75px;}
}.tintuc{padding-top: 65px;}
.ttsk{margin-bottom: 30px;}
.dvtn-title{position: relative; margin-bottom: 20px; padding-bottom: 2px; font-size: 18px; font-weight: 500; line-height: 38px;}
.dvtn-title:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 2px; background: #0292db;}
/*
.ttsk-title{margin-bottom: 20px; border-bottom: 2px solid #0292db;}
.ttsk-title a{display: block; width: 220px; background: #0292db; font-size: 18px; font-weight: 500; text-align: center; line-height: 38px; color: #fff;}
*/
.ttsk-item{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #d7d7d7;}
.ttsk-item:nth-child(3){margin-bottom: 0; padding-bottom: 0; border: none}
.ttsk-img{float: left; margin-right: 10px;}
.ttsk-name a{display: block; font-size: 15px; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.ttsk-item:hover .ttsk-name a{color: #0292db;}
.ttsk-prev{max-height: 70px; text-align: justify; color: #777; overflow: hidden;}
.dvtn{margin-bottom: 30px;}
.dvtn-title-2{margin-bottom: 25px; font-size: 24px; padding-bottom: 5px; color: #0292db;}
.dvtn-title-2:after{background: #333;}
.dvtn-title-2 h1{font-weight: 500;}
.dvtn-item{margin-bottom: 25px;}
.dvtn-item:nth-child(3){margin-bottom: 0;}
.dvtn-img{float: left; width: 135px; margin-right: 30px;}
.dvtn-name{margin-bottom: 10px;}
.dvtn-name a{display: block; font-size: 15px; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.dvtn-item:hover .dvtn-name a{color: #0292db;}
.dvtn-prev{max-height: 88px; text-align: justify; color: #777; overflow: hidden;}
@media (min-width:320px){
.ttsk-prev{display: none;}
.dvtn-item:nth-child(1) .dvtn-img{width: 175px;}
.dvtn-item:nth-child(1) .dvtn-prev{display: none;}
}
@media (min-width:480px){
.ttsk-name{max-height: 48px; overflow: hidden;}
.ttsk-prev{display: block;}
.dvtn-item:nth-child(1) .dvtn-img{width: 230px;}
.dvtn-name{max-height: 48px; overflow: hidden;}
.dvtn-item:nth-child(1) .dvtn-prev{display: block;}
}
@media (min-width:970px){
.ttsk{float: left; width: calc((100% - 60px)/3); margin-right: 30px;}
.ttsk:nth-child(3){margin-right: 0;}
}.trungtam-title h3{font-size: 100%;}
.trungtam{padding: 30px 0 50px; border-top: 1px solid #d7d7d7;}
.trungtam-title{margin-bottom: 35px;}
.trungtam-title p:nth-child(1){font-weight: 500; text-align: center; color: #0292db;}
.trungtam-title p:nth-child(1):after{content: ''; display: block; width: 100px; height: 2px; margin: 5px auto 15px; background: #0292db;}
.trungtam-title p:nth-child(2){max-width: 758px; margin: 0 auto; font-size: 15px; text-align: center; color: #777;}
.trungtam-list .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background: rgba(2,146,219,0.25); transition: all 0.25s ease 0s;}
.trungtam-list .owl-nav button:hover{background: #0292db;}
.trungtam-list .owl-nav button.disabled{opacity: 0;}
.trungtam-list .owl-nav button i{display: block; font-size: 18px; color: #fff;}
.trungtam-img{margin-bottom: 15px; overflow: hidden;}
.trungtam-img img{transition: all 0.25s ease 0s;}
.trungtam-owl:hover .trungtam-img img{transform: scale(1.05);}
.trungtam-name{height: 50px; margin-bottom: 15px; overflow: hidden;}
.trungtam-name a{display: block; font-size: 16px; font-weight: 500; color: #0292db; transition: all 0.25s ease 0s;}
.trungtam-name a:hover{color: #dc241a;}
.trungtam-prev{max-height: 68px; margin-bottom: 20px; color: #777; overflow: hidden;}
.trungtam-more{width: 115px; margin: auto;}
.trungtam-more a{display: block; border: 1px solid #0292db; text-align: center; line-height: 33px; color: #0292db; transition: all 0.25s ease 0s;}
.trungtam-more a:hover{background: #0292db; color: #fff;}
@media (min-width:320px){
.trungtam-title p:nth-child(1){font-size: 24px;}
.trungtam-list .owl-nav button.owl-prev{left: 15px;}
.trungtam-list .owl-nav button.owl-next{right: 15px;}
}
@media (min-width:360px){
.trungtam-title p:nth-child(1){font-size: 26px;}
}
@media (min-width:580px){
.trungtam-title p:nth-child(1){font-size: 24px;}
}
@media (min-width:768px){
.trungtam-title p:nth-child(1){font-size: 26px;}
}
@media (min-width:970px){
.trungtam-list .owl-nav button.owl-prev{left: -70px;}
.trungtam-list .owl-nav button.owl-next{right: -70px;}
}
@media (min-width:1170px){
.trungtam-name{padding: 0 15px;}
.trungtam-prev{padding: 0 15px;}
}.colmenu{margin-bottom: 30px; padding: 20px; background: #fff; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);}
.colmenu-title{margin-bottom: 10px; font-size: 24px; font-weight: 700;}
.colmenu ul{list-style: none;}
.colmenu ul li{position: relative;}
.colmenu ul li a{position: relative; display: block; font-size: 16px; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.colmenu ul li a:hover{transform: translateX(3px);}
.colmenu ul li ul li a i{position: absolute; top: 14px; left: 7px; font-size: 12px; transition: all 0.25s ease 0s;}
.colmenu > ul > li{margin-bottom: 5px;}
.colmenu > ul > li:last-child{margin-bottom: 0;}
.colmenu > ul > li > a:hover, .colmenu > ul > li.active > a{color: #0292db;}
.colmenu > ul > li > i{position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-align: center; line-height: 35px; cursor: pointer;}
.colmenu > ul > li > i:hover, .colmenu > ul > li.active > i{color: #0292db;}
.colmenu > ul > li > ul > li > a{padding-left: 20px;}
.colmenu > ul > li > ul > li > a:hover, .colmenu > ul > li > ul > li.active > a{color: #0292db;}.colnews-item{margin-bottom: 20px;}
.colnews-item:first-child{padding-top: 10px;}
.colnews-img{float: left; margin-right: 10px;}
.colnews-name{max-height: 66px; overflow: hidden;}
.colnews-name a{display: block; color: #333; transition: all 0.25s ease 0s;}
.colnews-item:hover .colnews-name a{color: #0292db;}
.colnews-more{float: right; width: 105px; margin: auto; padding-right: 15px; background: #0292db url(/components/2cacnganh/more.png) no-repeat top 10px right 20px; transition: all 0.25s ease 0s;}
.colnews-more:hover{background-color: #dc241a; background-position: top 10px right 15px;}
.colnews-more a{display: block; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff;}.contact-form{box-sizing: border-box; margin-bottom: 30px; padding: 30px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);}
.contact-title{margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 30px; color: #0292db;}
.contact-item{width: 150px; margin: auto;}
.contact-info{margin-bottom: 30px;}
.contact-info ul{list-style: none; width: 100%;}
.contact-info ul li{line-height: 30px;}
.contact-info ul li:first-child{text-transform: uppercase;}
.contact-info ul li span:nth-child(1){display: inline-block; width: 100px; vertical-align: top;}
.contact-info ul li span:nth-child(2){display: inline-block; width: calc(100% - 105px);}
.contact-info ul li a{color: #555;}
.contact-info ul li a b{color: #dc241a;}
@media (min-width: 320px){
}
@media (min-width: 768px){
.contact-form{float: left; width: 50%;}
.contact-info{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(50% - 60px); margin: auto; align-items: center; justify-content: left;}
}.educate-item{margin-bottom: 30px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.125); transition: all 0.25s ease 0s;}
.educate-wrap{padding: 10px; border: 1px solid #d7d7d7;}
.educate-img{margin-bottom: 10px;}
.educate-name{display: flex; margin-bottom: 10px; align-items: center; justify-content: center;}
.educate-name a{display: block; font-family: CenturBold; font-size: 16px; text-transform: uppercase; text-align: center; color: #dc241a; transition: all 0.25s ease 0s;}
.educate-prev{height: 44px; text-align: center; overflow: hidden;}
.educate-more{padding: 10px 15px; border: 1px solid #d7d7d7; border-top: 0; text-align: right; line-height: 35px;}
.educate-more a{display: inline-block; width: 105px; background: #0292db; text-align: center; color: #fff; transition: all 0.25s ease 0s;}
.educate-more a:hover{background: #dc241a;}
.educate-item:hover{box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25); transform: translateY(-1px);}
.educate-item:hover .educate-name a{color: #0292db;}
@media (min-width:480px){
.educate-item{float: left; width: calc((100% - 10px)/2); margin-right: 10px;}
.educate-item:nth-child(2n){margin-right: 0;}
.educate-name{height: 50px; overflow: hidden;}
}
@media (min-width:580px){
.educate-item{width: calc((100% - 30px)/2); margin-right: 30px;}
.educate-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
.educate-item{width: calc((100% - 60px) / 3);}
.educate-item:nth-child(2n){margin-right: 30px;}
.educate-item:nth-child(3n){margin-right: 0;}
}.news-list{margin-bottom: 15px;}
.news-item{box-sizing: border-box; margin-bottom: 15px; padding: 15px; background: #fff; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.news-img{margin-bottom: 15px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.25s ease 0s;}
.news-img img{opacity: 0;}
.news-name{position: relative; padding-left: 55px;}
.news-name a{display: block; height: 121px; overflow: hidden;}
.news-name a b{display: block; max-height: 50px; margin-bottom: 5px; font-size: 16px; color: #333; overflow: hidden;}
.news-name a p{max-height: 66px; color: #777; overflow: hidden;}
.news-name a label{position: absolute; top: 0; left: -15px; width: 60px; background: #f3f3f3; font-size: 12px; text-align: center; color: #333; cursor: pointer; transition: all 0.25s ease 0s;}
.news-name a label span{display: block; margin-bottom: -10px; font-size: 32px; font-weight: 300; color: #dc241a;}
.news-item:hover{background: #f3f3f3; transform: translateY(-1px);}
.news-item:hover .news-name a label{background: #fff;}
.news-item:hover .news-name a label span{color: #0292db}
.news-item:hover .news-name a b{color: #0292db;}
.news-item:hover .news-img{background-position: 100% 100%;}
@media (min-width:480px){
.news-item{float: left; width: calc((100% - 15px)/2); margin-right: 15px;}
.news-item:nth-child(2n){margin-right: 0;}
.news-item-1{width: 100%;}
.news-item-2:nth-child(2){margin-right: 15px;}
.news-item-2:nth-child(3){margin-right: 0;}
}
@media (min-width:768px){
.news-top{position: relative;}
.news-item-1{width: calc(50% - 15px);}
.news-item-2{position: absolute; right: 0; width: calc(50% - 15px); height: calc(50% - 15px);}
.news-item-2:nth-child(2){top: 0; margin-right: 0;}
.news-item-2:nth-child(3){bottom: 0; margin-right: 0;}
.news-item-2 .news-img{position: relative; float: left; width: 125px; height: 100%; margin-bottom: 0; overflow: hidden;}
.news-item-2 .news-img img{position: absolute; top: 0; left: 0; max-width: none;}
.news-item-2 .news-name{float: right; width: calc(100% - 140px); padding: 55px 0 0;}
.news-item-2 .news-name a p{display: none;}
.news-item-2 .news-name a label{top: -15px; left: 0;}
}
@media (min-width:970px){
.news-item{width: calc((100% - 30px)/3);}
.news-item:nth-child(2n){margin-right: 15px;}
.news-item:nth-child(3n){margin-right: 0;}
.news-item-1{width: calc(50% - 7.5px);}
.news-item-1 .news-name a b{text-transform: uppercase;}
.news-item-2:nth-child(2){width: calc(50% - 7.5px); margin-right: 0;}
.news-item-2:nth-child(3){width: calc(50% - 7.5px);}
.news-item-2 .news-img{width: 250px;}
.news-item-2 .news-name{width: calc(100% - 265px);}
.news-item-2 .news-name a p{display: block;}
}
@media (min-width:1170px){
.news-item-2 .news-img{width: 300px;}
.news-item-2 .news-name{width: calc(100% - 315px);}
.news-item-2 .news-name a{height: 146px;}
.news-item-2 .news-name a b{max-height: 75px;}
}.notify{margin-bottom: 30px;}
.notify .main-page{margin-bottom: 0; border: 1px solid #d7d7d7; border-top: 0;}
.notify .main-page li{margin: 5px 0;}
.notify .main-page li a{background: none; color: #777;}
.notify .main-page li a:hover{color: #333;}
.notify .main-page li a.active{font-size: 18px; color: #333;}
.notify-time{font-size: 16px; color: #777;}
.notify-title{margin-bottom: 30px; font-size: 18px; font-weight: 700;}
.notify-title h1{display: initial; color: #0292db;}
.table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; background: #fff; text-align: center;}
.table-body{box-sizing: border-box; display: table-row-group;}
.table-row{display: table-row;}
.table-row.table-head{background: #fff!important; border-bottom: 3px solid #d7d7d7; font-size: 16px; font-weight: 700;}
.table-row:hover{background: rgba(2,146,219,0.125);}
.table-cell{box-sizing: border-box; display: table-cell; padding: 10px; border: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; vertical-align: top;}
.table-cell a{display: block; color: #333; transition: all 0.25s ease 0s;}
.table-cell:last-child a:hover{color: #0292db;}
.table-left{text-align: left;}
@media (min-width:320px){
.table-m-1, .table-m-2{display: none;}
}
@media (min-width:410px){
.table-m-2{display: table-cell;}
}
@media (min-width:480px){
.table-m-1{display: table-cell;}
}.post1{padding: 20px 0 40px;}
.post1-title{font-family: CenturBold; font-size: 36px; text-align: center; color: #0292db;}
.post1-title:after{content: ''; display: block; width: 50px; height: 2px; margin: 15px auto 50px; background: #0292db;}
.post1-left, .post1-right{margin-bottom: 30px;}
.post1-feedback{}
.post1-feedback p{margin-bottom: 30px; font-size: 16px; text-align: center;}
.post1-feedback p i.fas{display: block; font-size: 30px; color: #d7d7d7;}
.post1-feedback p i.fa-quote-left{text-align: left; transform: translateX(5px);}
.post1-feedback p i.fa-quote-right{text-align: right; transform: translateX(-5px);}
.post1-feedback div{margin-bottom: 30px; font-size: 0; text-align: center;}
.post1-feedback div a{display: inline-block; width: 90px; margin-right: 15px; border-radius: 50%; vertical-align: middle; overflow: hidden;}
.post1-feedback div b{display: inline-block; font-size: 14px; vertical-align: middle;}
.post1-feedback div b span{display: block; font-size: 16px; color: #dc241a;}
.post1-right .owl-dots{text-align: center;}
.post1-right .owl-dot{display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #d7d7d7;}
.post1-right .owl-dot.active{background: #dc241a;}
.post2{padding: 70px 0 30px; background: url(/components/post/bg.jpg) no-repeat center bottom fixed; background-size: cover;}
.post2-title{margin-bottom: 30px; color: #fff;}
.post2-title:after{display: none;}
.post2-item{margin-bottom: 50px;}
.post2-content{color: #fff;}
.post3{padding: 50px 0;}
.post3-title{color: #333;}
.post3-title:after{background: #333;}
.post3-item{box-sizing: border-box; margin-bottom: 30px; box-shadow: 3px 3px 7px rgba(0,0,0,0.25); cursor: pointer;}
.post3-item i{display: block; font-size: 50px; text-align: center;}
.post3-item:nth-child(1) i{color: #0292db;}
.post3-item:nth-child(2) i{color: #01a753;}
.post3-item:nth-child(3) i{color: #f58232;}
.post3-item:nth-child(4) i{color: #b0c100;}
.post3-item:nth-child(5) i{color: #4ee38f;}
.post3-item:nth-child(6) i{color: #dc241a;}
.post3-name{padding: 0 15px; text-align: center;}
.post4{padding: 50px 0 70px;}
.post4 .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background: rgba(2,146,219,0.25); transition: all 0.25s ease 0s;}
.post4 .owl-nav button:hover{background: #0292db;}
.post4 .owl-nav button.disabled{opacity: 0;}
.post4 .owl-nav button i{display: block; font-size: 18px; color: #fff;}
.post4-item{position: relative; display: block;}
.post4-item span{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 5px 10px; background: rgba(0,0,0,0.5); font-weight: 500; color: #fff; transition: all 0.25s ease 0s;}
.post4-item:hover span{padding: 10px; background: rgba(0,0,0,0.75);}
@media (min-width: 320px){
.post1-left iframe{display: block; width: 310px; height: 175px;}
.post3-item{padding: 15px 0;}
.post3-item i{margin: 0 0 15px;}
.post4 .owl-nav button.owl-prev{left: 15px;}
.post4 .owl-nav button.owl-next{right: 15px;}
}
@media (min-width: 360px){
.post1-left iframe{width: 350px; height: 197px;}
}
@media (min-width:410px){
.post1-left iframe{width: 400px; height: 225px;}
.post3-item{float: left; width: calc((100% - 30px)/2); height: 200px; margin-right: 30px; padding: 0;}
.post3-item:nth-child(2n){margin-right: 0;}
.post3-item i{margin: 20px 0;}
}
@media (min-width: 480px){
.post1-left iframe{width: 470px; height: 265px;}
.post2-item{float: left; width: 100%;}
.post2-item:nth-child(1){width: 100%;}
.post2-item:nth-child(3){float: right;}
.post3-item i{margin: 30px 0;}
}
@media (min-width: 580px){
.post1-left iframe{width: 570px; height: 321px;}
}
@media (min-width:768px){
.post1-left iframe{width: 758px; height: 427px;}
.post2-title{text-transform: uppercase;}
.post3-item{width: calc((100% - 60px)/3);}
.post3-item:nth-child(2n){margin-right: 30px;}
.post3-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
.post{font-size: 16px;}
.post1-left{float: left; width: calc(50% - 25px);}
.post1-left iframe{width: 460px; height: 259px;}
.post1-right{float: right; width: calc(50% - 25px);}
.post4 .owl-nav button.owl-prev{left: -70px;}
.post4 .owl-nav button.owl-next{right: -70px;}
}
@media (min-width:1170px){
.post1-left iframe{width: 560px; height: 315px;}
}.schedule{margin-bottom: 30px;}
.schedule .main-page{margin-bottom: 0; text-align: left;}
.schedule .main-page li{margin: 0 0 0 10px;}
.schedule .main-page li:first-child{margin-left: 0;}
.schedule .main-page li a{text-align: center;}
.schedule-item{margin-bottom: 30px;}
.schedule-img{float: left; margin-right: 20px;}
.schedule-name a{display: block; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.schedule-prev{max-height: 44px; margin-bottom: 5px; overflow: hidden;}
.schedule-time{color: #777;}
.schedule-item:hover .schedule-name a{color: #0292db;}
.schedule-item:nth-child(1):after{content: ''; display: block; height: 2px; margin-top: 30px; background: #d7d7d7;}
@media (min-width:320px){
.schedule-img{width: 150px;}
.schedule-name a{font-size: 16px;}
.schedule-prev, .schedule-time{display: none;}
.schedule-item:nth-child(1):after{width: 75px;}
.schedule-item:nth-child(1) .schedule-img{float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
.schedule-item:nth-child(1) .schedule-name{max-height: none;}
.schedule-item:nth-child(1) .schedule-name a{font-size: 18px;}
}
@media (min-width:480px){
.schedule-name{max-height: 56px; margin-bottom: 10px; overflow: hidden;}
.schedule-name a{font-size: 18px;}
.schedule-time{display: block;}
.schedule-item:nth-child(1) .schedule-img{width: 240px;}
.schedule-item:nth-child(1) .schedule-img{float: left; margin-right: 20px; margin-bottom: 0;}
.schedule-item:nth-child(1) .schedule-name{max-height: 114px;}
.schedule-item:nth-child(1) .schedule-name a{font-size: 24px;}
}
@media (min-width:580px){
.schedule-img{width: 210px;}
.schedule-prev{display: block;}
.schedule-item:nth-child(1) .schedule-img{width: 300px;}
.schedule-item:nth-child(1):after{width: 105px;}
}
@media (min-width:768px){
.schedule-item:nth-child(1) .schedule-img{width: 420px;}
}
@media (min-width:970px){
.schedule-item:nth-child(1) .schedule-img{width: 300px;}
}
@media (min-width:1170px){
.schedule-item:nth-child(1) .schedule-img{width: 420px;}
}.teacher{transition: all 0.25s ease 0s;}
.teacher-group{margin-bottom: 30px; font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: center;}
.teacher-group:after{content: ''; display: block; width: 50px; height: 2px; margin: auto; background: #0292db;}
.teacher-list{margin-bottom: 20px; font-size: 0; text-align: center;}
.teacher-item{margin-bottom: 30px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.teacher-img{margin-bottom: 10px; padding: 15px; border: 1px solid #d7d7d7; border-radius: 50%; overflow: hidden;}
.teacher-name{font-size: 16px; font-weight: bold;}
.teacher-prev{font-size: 14px; color: #777;}
@media (min-width:320px){
.teacher-item{width: calc(100%/2); padding: 0 5px;}
}
@media (min-width:480px){
.teacher-item{width: calc(100%/2); padding: 0 15px;}
}
@media (min-width:580px){
.teacher-item{width: calc(100%/3);}
}
@media (min-width:767px){
.teacher-item{adding: 0 25px;}
}
@media (min-width:970px){
.teacher-item{width: 25%;}
}.tk{padding: 20px 0;}
.tk-left{margin-bottom: 30px; padding: 20px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25);}
.tk-hi{margin-bottom: 20px; line-height: 35px;}
.tk-menu{list-style: none;}
.tk-menu li a{position: relative; display: block; padding-left: 35px; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.tk-menu li a:hover, .tk-menu li.active a{background: #f3f3f3;}
.tk-menu li a i{position: absolute; top: 0; left: 0; width: 35px; font-size: 18px; text-align: center; line-height: 35px; color: #999;}
.tk-right{margin-bottom: 30px;}
.login-forget{text-align: right;}
.login-forget a{display: block; color: #333;}
.login-forget a:hover{text-decoration: underline;}
.login-submit{margin-bottom: 25px; padding-top: 27px;}
.login-item{}
.login-item span{display: block; margin-bottom: 5px;}
.login-item a{display: block; background: #333; text-transform: uppercase; text-align: center; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.login-item a:hover{background: #555;}
.login-error,
.login-success{margin-bottom: 30px; padding-left: 15px; text-transform: uppercase; line-height: 40px; color: #fff;}
.login-error{background: rgba(255,0,0,0.5); border-left: 5px solid #ff0000;}
.login-success{background: rgba(0,128,0,0.5); border-left: 5px solid #008000;}
@media (min-width: 320px){
.tk-hi{margin-bottom: 10px;}
.tk-menu li{float: left; width: calc(50% - 5px); margin-bottom: 10px;}
.tk-menu li:nth-child(2n){float: right;}
.login-left{margin-bottom: 5px;}
.register-select select{margin-bottom: 10px;}
}
@media (min-width: 360px){
}
@media (min-width: 410px){
.register-select select{float: left; width: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 0;}
.register-select select:nth-last-child(2){margin-right: 0;}
}
@media (min-width: 768px){
.tk-left{float: left; width: 210px;}
.tk-right{float: right; width: calc(100% - 300px);}
.tk-hi{margin-bottom: 20px;}
.tk-menu li{float: none; width: auto; margin-bottom: 5px;}
.tk-menu li:nth-child(2n){float: none;}
.tk-menu li:nth-last-child(2){margin-bottom: 0;}
}
@media (min-width: 970px){
.login-left{float: left; width: calc(50% - 15px); margin-bottom: 0;}
.login-right{float: right; width: calc(50% - 15px);}
}