@charset "utf-8";
*{margin:0;padding:0}
@font-face{font-family:Roboto;src:url(../font/Roboto-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../font/Roboto-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../font/Roboto-Black-old.ttf) format('truetype');font-weight:900;font-style:normal;font-display:swap}
body,html{font-family:Roboto,sans-serif;font-size:14px;width:100%;height:100%;min-width:1200px;line-height:19px}
img{max-width:100%;vertical-align:middle}
.fl{float:left}
.fr{float:right}
a:link{text-decoration:none}
.pc12,.pc24{padding:0 24px!important}
.pd48{padding:48px!important}
.pd24{padding:24px!important}
.pd12{padding:12px!important}
.pt24{padding-top:24px!important}
.pt12{padding-top:12px!important}
.pb24{padding-bottom:24px!important}
.pb12{padding-bottom:12px!important}
.mt24{margin-top:24px!important}
.mt12{margin-top:12px!important}
.mb24{margin-bottom:24px!important}
.mb12{margin-bottom:12px!important}
.tc-bg-blue1,#infoPager .active,#testimonialPager .active{background-color:#2a6ab4!important}
.tc-bg-blue2{background-color:#3b78c1!important}
.tc-bg-orange{background-color:#f16623!important}
.tc-bg-gray1{background-color:#e8ecf1!important}
.shadow{box-shadow:0 0 5px 1px #2626262b}
.shadow1{box-shadow:0 0 1px 0 #2626262b}
.tc-box-full{width:100%;height:auto}
.tc-top-fix{position:fixed;top:0;background-color:#fff;z-index:100}
.header{height:46px;width:1152px;margin:auto;padding:0 24px}
.logo{width:194px;height:46px}
.logo img{top:50%;-webkit-transform:translateY(-50%);position:relative}
.box-share{width:160px;height:46px}
.share{text-decoration:none;height:46px;display:inline-block}
.slide-menu{width:798px;height:46px;margin:auto}
.slide-menu ul{margin-top:15px}
.slide-menu ul li{float:left;padding:0 12px;list-style:none;font-weight:500;font-size:14px}
.slide-menu ul li a{color:#262626;text-decoration:none;display:inline-block}
.slide-menu ul li a img{float:left;margin-right:7px}
.slide-menu .sign-in li{border:0;height:46px;position:relative;padding:0 12px}
.slide-menu .sign-in li a{display:inline-block;color:#f26725}
.slide-menu .sign-in li a:hover{color:#cb5718}
.slide-menu .sign-in:hover img{margin-left:20px;-webkit-transition:all .2s linear 0s}
.slide-menu .sign-in li img{float:left;margin-right:7px;-webkit-transform:translateY(1px)}
.slide-menu .sign-in li span{padding-right:6px}
.share span{line-height:46px;text-align:center;font-size:16px;background-size:contain;background-position:center}
.span1{width:90px;height:46px;background:url(../img/share.png) no-repeat;display:inline-block;padding-left:20px;color:#fff;float:right}
.span2{width:46px;height:46px;background:url(../img/share2.png) no-repeat;display:inline-block;color:#2a4a8a;float:right}
.tc-menu-level{top:46px;left:0;right:0;position:fixed;z-index:99}
.tc-menu-level ul li{float:left;list-style:none}
.tc-menu-level ul li a{color:#fff;text-decoration:none;display:block;padding:10px 24px}
.tc-menu-level ul li a:hover{background-color:#f16623}
.mt95{margin-top:85px}
.mt57{margin-top:47px}
.tc-slide-banner img{width:100%}
.tc-menu-control ul li{float:left;list-style:none}
.tc-menu-control ul li a{padding:10px 24px;background-color:#2b67ae;border-radius:100px;color:#fff;margin-right:12px}
.tc-menu-control ul li:nth-child(1) a{font-size:42px;font-weight:700;color:#2f4cab;background:0 0;line-height:10px;padding:10px 0}
.tc-menu-control ul li:nth-child(1) a:hover{background:0 0}
.tc-menu-control ul li a:hover, .tc-menu-control ul li.active a{background-color:#f16623}
.tc-menu-control ul li img{-webkit-transform:translateY(-3px);margin-right:6px}
.center24{width:1152px;padding:0 24px;height:auto;margin:auto}
.center12{width:1176px;padding:0 12px;height:auto;margin:auto}
.hidden{overflow:hidden}
.tc-list-teacher{width:100%;height:auto;overflow:hidden}
.tc-list-teacher ul li{float:left;padding:12px;list-style:none}
.tc-list-teacher ul li a{width:336px;height:134px;background-color:#fff;padding:16px;border-radius:10px;display:inline-block;position:relative}
.tc-list-teacher ul li a:hover span{background-color:#f16623;color:#fff;border:0}
.tc-list-teacher ul li a:hover{box-shadow:0 0 5px 1px #2626262b}
.tc-avt-teacher{width:115px;height:115px;background-color:#d0e5ff;border-radius:50%;overflow:hidden}
.tc-avt-teacher img{max-width:100%}
.tc-info-teacher{padding-left:12px;width:209px}
.tc-info-teacher ul li{padding:0;width:100%;white-space:nowrap}
.tc-info-teacher ul li p{color:#262626;overflow:hidden;text-overflow:ellipsis;margin:0}
.tc-info-teacher ul li:nth-child(1) p{color:#2b67ae;font-weight:700;padding-bottom:8px}
.tc-btn1{color:#262626;background-color:#fff;padding:8px 24px;display:inline-block;border:1px solid #e1e1e1;border-radius:100px;position:absolute;bottom:16px;left:50%;-webkit-transform:translateX(-50%)}
.tc-news{height:243px;background-image:url(../img/bg_new.png);position:relative}
.tc-col50{width:50%;position:relative;height:243px}
.tc-col50 .img1{-webkit-transform:translate(-50%,-50%);top:50%;left:50%;position:absolute}
.tc-col50 ul li{float:left;list-style:none;padding:12px}
.tc-col50 ul{width:100%;overflow:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%)}
.tc-step{text-align:center}
.tc-step h3{font-size:42px;color:#2f4cab}
.tc-step ul li{width:25%;float:left;padding:24px 0;list-style:none}
.tc-step ul li p{padding:12px;color:#2d69b3;text-transform:uppercase;font-weight:700}
.td-footer-container{width:100%;height:180px;background:#2d69b3;border-top:3px solid #53c1ea;min-width:1151px}
.td-info-footer{width:1151px;height:180px;margin:auto}
.info-footer{width:382px;height:150px;margin-top:15px}
.border-footer{border-right:2px solid #5387c7}
.logo-footer{background:url(../img/bg-logo-footer.png) no-repeat;text-align:center}
.logo-footer img{margin-top:20px}
.logo-footer p{font-size:14px;color:#91b9eb;padding:0 40px;text-transform:uppercase;font-weight:700}
.td-list-policy li{width:171px;height:auto;display:inline-block;float:left;margin-left:20px;padding-bottom:8px}
.td-list-policy li a{font-size:14px;color:#91b9eb}
.td-list-policy li i{color:#91b9eb;padding-right:7px}
.td-contact-footer p{color:#91b9eb;font-size:14px;padding-bottom:10px;padding-left:20px}
.td-contact-footer i{padding-right:7px}
.td-footer-copyright{width:100%;height:70px;background-color:#2c62a6;min-width:1151px}
.td-copyright{width:1151px;height:60px;margin:auto}
.td-copyright p{float:left;color:#91b9eb;font-size:12px;padding-top:10px}
.td-copyright img{margin-left:100px;margin-top:10px}
.td-navbar-signup{position:relative}
.td-navbar-signup ul{margin-top:8px}
.td-navbar-signup ul li{float:left;padding-top:7px}
.td-navbar-signup ul li a{padding-left:7px;padding-right:7px;color:#3e508a;font-weight:700}
.fa-angle-double-down{color:#94bf00}
.fa-globe{color:#3e508a}
.td-navbar-signup ul li span{color:#ff6c5e;padding-left:5px}
.avt-signup{width:29px;height:29px;float:left;margin-top:-5px;border-radius:50%;border:1px solid #e0e0e0}
.avt-signup img{width:25px;height:25px;border-radius:50%;margin:2px}
.top-angle{position:absolute;top:25px;left:60px;visibility:hidden;opacity:0;z-index:10002}
.td-navbar-signup ul li:hover .top-angle{visibility:visible;top:21px;opacity:1}
.top-angle i{color:#e0e0e0;font-size:16px}
.td-info-acount{width:305px;height:190px;border-radius:5px;border:1px solid #e0e0e0;position:absolute;z-index:10001;background:#fff;top:40px;visibility:hidden;-webkit-transition:all ease .1s;opacity:0}
.td-navbar-signup ul li:hover .td-info-acount{visibility:visible;top:35px;opacity:1}
.info-acount-container{width:275px;height:120px;margin:15px}
.select-info-acount{width:175px;height:100px}
.img-acount{width:100px;height:100px}
.img-acount img{width:100px;height:100px;border-radius:50%}
.select-info-acount i{padding-right:0;color:#3e508a;padding-left:10px}
.select-info-acount ul li a{font-weight:400}
.td-button-acount{width:275px;height:auto;margin:0 15px}
.td-button-acount a{padding:7px 0;border-radius:5px;width:100px;display:inline-block;text-align:center}
.td-button-acount .td-button-add{background-color:#529839;color:#fff}
.td-button-acount .td-button-out{background-color:#e0e0e0;color:#666}
.td-number-notifical{width:16px;height:16px;background-color:#f16623;position:absolute;top:5px;border-radius:50%;margin-left:15px}
.bg-notifical-color1{background-color:#e1e7ee}
.td-number-notifical p{color:#fff;font-size:12px;font-weight:700;text-align:center}
.td-info-notifical{width:320px;height:450px;background-color:#fff;position:absolute;z-index:10001;border-radius:5px;border:1px solid #e0e0e0;left:-30px;top:40px;visibility:hidden;-webkit-transition:all ease .1s;opacity:0}
.td-sroll-notifical{width:320px;height:400px;overflow:auto}
#style-3{right:0}
#style-3::-webkit-scrollbar{width:6px;height:8px;background-color:#fff}
#style-3::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:20px;opacity:.6}
#style-3::-webkit-scrollbar-track-piece{height:30px}
.td-navbar-signup ul li{position:relative}
.td-navbar-signup ul li:hover .td-info-notifical{visibility:visible;top:35px;opacity:1}
.td-navbar-signup ul li:hover .top-notifical{visibility:visible;top:20px;opacity:1}
.top-notifical{position:absolute;top:16px;left:17px;z-index:10002;visibility:hidden;opacity:0}
.td-notifical-child{width:calc(100% - 24px);height:auto;border-bottom:1px solid #ececec;padding:12px}
.notifical-child{width:300px;height:auto;overflow:hidden}
.avt-notifical{width:50px;height:50px;border-radius:50%;background-color:#e0e0e0;margin-right:7px;overflow:hidden}
.info-notifical{width:236px;height:auto}
.info-notifical .link-notifical{line-height:18px;padding:0;color:#666;font-weight:400;text-decoration:none}
.info-notifical .time-notifical{color:#aaa}
.td-notifical-more{width:320px;height:50px}
.td-notifical-more a{text-align:center;padding:16px 20px;display:block!important;background:#e0e0e0}
.tc-main{height:auto;background:url(../img/bg_main.png) top center no-repeat;background-size:100%}
.tc-forte ul li{width:25%;float:left;position:relative;list-style:none;height:212px}
.tc-forte-child{width:166px;height:166px;background-color:#fff;border-radius:15px;border:3px solid #accaee;text-align:center;-webkit-transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}
.tc-forte-child img{margin-top:30px}
.tc-forte-child h3{margin:10px auto;font-size:24px;color:#f26725}
.tc-title{text-align:center;font-size:24px;color:#2f4cab}
.col50{width:50%;height:auto}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.bgf{background-color:#fff}
.tc-video{border:1px solid #accaee;position:relative}
.tc-info-details table{border-collapse:collapse;background-color:#2a6ab4;color:#fff;width:calc(100% - 12px);margin-left:14px}
.tc-info-details table td{padding:16px;border:1px solid #1e5595}
.tc-info-details table img{float:left;margin-right:6px;-webkit-transform:translateY(5px)}
.hehe{display:block;box-sizing:border-box;clear:both;width:100%}
.col50 ul{width:calc(100% - 12px);margin-left:14px}
.col50 ul li{padding:20px;display:block;background-color:#2a6ab4;color:#fff;border-top:1px solid #1e5595;display: flex;}
.col50 ul li img{margin-right:6px}
.col50 ul li a{padding:8px 24px;background-color:#285d99;border-radius:50px;color:#fff;margin:6px}
.col50 ul li:nth-child(4){text-align:center}
.w60{width:60%;display:inline-block}
.w40{width:40%;display:inline-block}
.col50 ul li:nth-child(4) img{-webkit-transform:translateY(-2px)}
.col50 ul li:nth-child(5){text-align:center;background:0 0}
.col50 ul li:nth-child(5) a{padding:12px 34px;background-color:#f26725;text-transform:uppercase;font-weight:700}
.col50 ul li:nth-child(5) a:hover{background-color:#df5818}
.avt-describe{width:135px;height:135px;border-radius:50%;border:1px solid #e1e1e1;overflow:hidden}
.avt-describe img{width:123px;height:123px;padding:6px;border-radius:50%}
.tc-describe{padding:24px;border-radius:15px;border:3px solid #accaee}
.tc-describe ul{margin-left:12px;width:calc(100% - 149px)}
.tc-describe ul li{list-style:none;padding:12px 0;text-align:justify}
.tc-describe ul li img{margin:2px 10px 2px 6px; float:left;}
.tc-method li{width:calc(50% - 24px);height:340px;position:relative;background-color:#e1e1e1;float:left;display:inline-block;margin:12px}
.tc-method li:nth-child(1){background-color:#d8e2f0;border-radius:42px 42px 0}
.tc-method li:nth-child(2){background-color:#f0ebd8;border-radius:42px 42px 42px 0}
.tc-method li:nth-child(3){background-color:#ddcdcc;border-radius:42px 42px 0}
.tc-method li:nth-child(4){background-color:#d0c4d7;border-radius:42px 42px 42px 0}
.tc-tag-class{width:70px;height:70px;border-radius:50%;background-color:#2a6ab4;color:#fff;font-weight:700;position:absolute;top:0;z-index:8;text-align:center}
.tc-tag-class p{margin-bottom:0;margin-top:15px}
.tc-tag-class strong{font-size:24px;line-height:20px;font-weight:700}
.tc-method li:nth-child(2) .tc-tag-class,.tc-method li:nth-child(4) .tc-tag-class{right:0!important}
.icon-tag{position:absolute;bottom:-25px}
.tc-method li:nth-child(1) .icon-tag,.tc-method li:nth-child(3) .icon-tag{right:0!important}
.tc-comment li{width:calc(33.33% - 30px);height:378px;float:left;background-color:#fff;display:inline-block;margin:12px;border-radius:15px;box-shadow:0 0 5px 1px #2626262b;border:3px solid #accaee;text-align:center;position:relative}
.info-student{position:absolute;bottom:48px;left:50%;-webkit-transform:translateX(-50%)}
.info-student strong{color:#2a6ab4;font-size:18px;padding-bottom:4px;display:block}
.tc-avt-student{width:92px;height:92px;border-radius:50%;overflow:hidden;background-color:#accaee;margin:12px auto}
.tc-comment span{padding:0 24px;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.tc-course{background-color:#e8ecf1;position:relative}
.tc-top-course{position:absolute;width:100%;height:28px;background-image:url(../img/bg-top-course.png);top:-28px}
.tc-course ul li{list-style:none;float:left;width:calc(50% - 24px);margin:12px}
.box-course{width:calc(100% - 32px);/*height:312px;*/background-color:#fff;border-radius:15px;padding:16px}
.tc-name{width:100%;height:76px;overflow:hidden}
.box-course .tc-tag-class{position:relative;margin-right:12px}
.box-course .tc-tag-class p{margin-top:0;padding-top:15px}
.box-course h3{display:-webkit-box;font-size:16px;color:#2a6ab4;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.box-course table{width:100%;margin:12px 0;border-collapse:collapse}
.box-course table tr{border-top:1px solid #e1e1e1;display:block}
.box-course table tr:nth-child(1){border:0}
.box-course table td{padding:12px 12px 12px 0;display:inline-block}
.box-course table td:nth-child(1){width:24%}
.tc-sale-1{color:#f26725;width:93px;height:24px;background-image:url(../img/icon-tag-sale.png);display:inline-flex;justify-content:center;align-items:center}
.tc-sale-2{text-decoration:line-through}
.tc-sale-3{color:#87a724}
.tc-btn-free{background-color:#fff;border:1px solid #e1e1e1;padding:10px 24px;border-radius:50px;margin-right:12px;color:#262626}
.tc-btn-free:hover{background-color:#f1f1f1}
.tc-btn-more{padding:11px 48px;border-radius:50px;color:#2a6ab4;border:1px solid #2a6ab4}
.tc-btn-more:hover{background-color:#f26725;border:1px solid #f26725;color:#fff}
.tc-next-slide{display:inline}
.tc-next-slide li{display:inline-block;list-style:none}
.tc-next-slide li a{width:16px;height:16px;border-radius:50%;background-color:#e1e1e1;display:inline-block;margin:6px}
.flick{transition:all ease .3s}
.tc-btn-teacher{background-color:#fff;border:1px solid #2d69b3;display:inline-block;padding:12px 24px;text-align:center;border-radius:100px;font-size:24px;text-transform:uppercase;font-weight:700;color:#2d69b3}
.tc-btn-teacher:hover{background-color:#f1f1f1}
/* Start Slider */
.css_slider{display:block;width:100%;overflow:hidden}
.css_slider input{display:none}
.css_slider li{display:inline-block;float:left;width:20%;margin:0;padding:0}
.css_slider img{-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.css_slider .image{width:500%;-webkit-animation:alls 20s linear infinite;-moz-animation:alls 20s linear infinite;-ms-animation:alls 20s linear infinite;-o-animation:alls 20s linear infinite;animation:alls 20s linear infinite;-webkit-transition:all 500ms cubic-bezier(0.350, 0.080, 0.905, 0.460);-moz-transition:all 500ms cubic-bezier(0.350, 0.080, 0.905, 0.460);-ms-transition:all 500ms cubic-bezier(0.350, 0.080, 0.905, 0.460);-o-transition:all 500ms cubic-bezier(0.350, 0.080, 0.905, 0.460);transition:all 500ms cubic-bezier(0.350, 0.080, 0.905, 0.460);-webkit-transition-timing-function:cubic-bezier(0.350, 0.080, 0.905, 0.460);-moz-transition-timing-function:cubic-bezier(0.350, 0.080, 0.905, 0.460);-ms-transition-timing-function:cubic-bezier(0.350, 0.080, 0.905, 0.460);-o-transition-timing-function:cubic-bezier(0.350, 0.080, 0.905, 0.460);transition-timing-function:cubic-bezier(0.350, 0.080, 0.905, 0.460)}
.css_slider .image:hover{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
/* End Slider */
/* Start Footer Banner */
.banner_fooder{position:fixed;right:0;left:0;bottom:-4px;z-index:99;text-align:center}
.banner_fooder img{max-width:100%}
/* End Footer Banner */

#infoSlider{width:calc(64% + 48px);margin:12px auto auto}
#infoSlider .itemSlider{width:100%}
#infoPager,#testimonialPager{text-align:center;padding-top:12px}
#infoPager .tc-next-slide,#testimonialPager .tc-next-slide{width:84px;overflow:hidden;margin:auto;padding-top:12px}
#infoSlider .bx-wrapper {-moz-box-shadow: 0 0 5px transparent;-webkit-box-shadow: 0 0 5px transparent;box-shadow: 0 0 5px transparent;border: 5px solid transparent;}
#infoSlider .shadow{box-shadow: none}


.clearfix{clear:both}
.tc-flex-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.subject-selectbox{position:relative;font-family:Arial;width:202px}
.subject-selectbox select{display:none}
.subject-selectbox .select-selected{background-color:#2f4cab}
.subject-selectbox .select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent}
.subject-selectbox .select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}
.subject-selectbox .select-items div,.subject-selectbox .select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,.1);cursor:pointer;user-select:none}
.subject-selectbox .select-items{position:absolute;background-color:#2f4cab;top:110%;left:0;right:0;z-index:99;animation:translateY .4s;border-radius:16px}
.subject-selectbox .select-selected{border-radius:25px}
.subject-selectbox .select-hide{display:none}
.subject-selectbox .same-as-selected,.subject-selectbox .select-items div:hover{background-color:rgba(0,0,0,.1)}
@keyframes translateY{0%{top:75%;opacity:0}
100%{top:110%;opacity:1}}