@charset "utf-8";
/* CSS Document
/////////////////////////////////////////////////
_ _ _ _
||¯ ¯ ¯\    |¯ \  |¯|   /||¯    D     2 ¯||\
|| |¯\  ||   | |\ | |   /||  B  U  N  0  ||\
|| |_/  ||   | | \| |   /||  Y  N  E  1  ||\
||_ _ _//    | |  \_ |   /||_    G  O  7 _||\
¯ ¯ ¯
				dungneo@gmail.com
					08/09/2017
///////////////////////////////////////////////// */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin: 0; padding: 0; font-size: 12px; color: #444; background: #f5f6f8; font-family: Arial, 'Open Sans', Tahoma, Georgia, Helvetica, sans-serif; }
a { color: #425563; text-decoration: none } /*#0066B3*/
a, a:hover, a:focus { transition: color 0.4s ease 0s; text-decoration: none; }
a:hover { color: #003593; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page { width: 1180px; margin: 0 auto; background: #F3F2F0; position: relative; }
.box-wrapper { width: 100%; }
.box-inner { width: 1180px; margin: 0 auto; position: relative; padding: 10px; }
.box-inner.minh{min-height: 400px;}
.box-inner.box-main{background: #FFF; font-size: 14px;}
.box-main .box-title{height: 40px; color: #1B8ABD; font-size: 16px; border-bottom: 1px solid #DDD; padding: 8px 0px; margin-bottom: 20px; }

.banner { position: relative; background: #FFF; }
.banner .logo { height: 100px; width: 400px; float: left; background: url(../images/logo.png) left center no-repeat; }
.banner .logo h1, .banner .logo h2 { width: 100%; height: 100%;}
.banner .logo a { width: 100%; height: 100%; display: block; }
.banner .info { float: right; min-width: 50%}

.banner .box-hotline-reg, .banner .box-social-search{display: table; width: 100%; text-align: right;}
.banner .box-hotline-reg{border-bottom: 1px solid #C5CACE; padding: 0px 0px 10px 0px;}
.banner .box-hotline-reg > div{display: inline-block; float: right; margin-left: 10px;}
.banner .box-hotline-reg .bhr-info > a{display: inline-block;}
.banner .box-hotline-reg .bhr-avatar{width: 44px; height: 44px;  border-radius: 50%; overflow: hidden;}
.banner .box-hotline-reg .bhr-avatar img{width: 100%; height: 100%}
.banner .box-hotline-reg .log-out{line-height: 50px; float: right; margin-top: 5px; margin-left: 10px;}

.banner .bhr-flag{}
.banner .bhr-flag a {width: 25px; height: 20px; display: inline-block; background: url(../images/flags.png) no-repeat -700px -1000px;}
.banner .bhr-flag a:hover{border-bottom: 1px solid #555}
.banner .bhr-flag a.flag-vn {background-position: -199px -402px;}
.banner .bhr-flag a.flag-en {background-position: 1px -2px;}
.banner .bhr-flag a.flag-cn { background-position: -300px -2px;}
.banner .bhr-flag a.flag-ru { background-position: -500px -202px;}
.banner .bhr-flag a.flag-fr { background-position: -200px -202px;}
.banner .bhr-flag a.flag-kr { background-position: 1px -202px;}
.banner .bhr-flag a.flag-jp { background-position: -700px -102px;}

.banner .bhr-flag a.flag-vn:hover { background-position: -199px -400px;}
.banner .bhr-flag a.flag-en:hover { background-position: 1px 0px;}
.banner .bhr-flag a.flag-cn:hover { background-position: -300px 0px;}
.banner .bhr-flag a.flag-ru:hover { background-position: -500px -200px;}
.banner .bhr-flag a.flag-fr:hover { background-position: -200px -200px;}
.banner .bhr-flag a.flag-kr:hover { background-position: 1px -200px;}
.banner .bhr-flag a.flag-jp:hover { background-position: -700px -100px;}


.banner .box-hotline-reg .bhr-hotline b{display: block; font-size: 18px;}
.banner .box-hotline-reg .bhr-hotline span{display: block; font-size: 14px}
.banner .box-hotline-reg .bhr-hotline-btn i, .banner .box-hotline-reg .bhr-reg a{padding: 6px 8px; color: #1A94D0; border: 1px solid #1A94D0; border-radius: 3px; min-height: 40px;}
.banner .box-hotline-reg .bhr-hotline-btn i{font-size: 24px;}
.banner .box-hotline-reg .bhr-reg a{font-size: 14px; text-transform: uppercase; background: #1A94D0; display: inline-block; padding: 0px 10px; color: #FFF; line-height: 38px; min-height: 38px;}
.banner .box-hotline-reg .bhr-info i{font-size: 24px; padding-top: 6px;}
.banner .box-social-search .bs-social, .banner .box-social-search .bs-search{position: relative; float: right;}
.banner .box-social-search .bs-social{list-style: none; margin: 0px; padding: 10px 0px 0px 0px; float: left; width: 25%;}
.banner .box-social-search .bs-social li{float: left; width: 25%; list-style: none; margin: 0px; padding: 0px; line-height: 32px; text-align: left;}
.banner .box-social-search .bs-social li i{color: #566575; font-size: 16px;}

.banner .box-social-search .bs-search{width: 75%; padding-top: 10px; }
.banner .box-social-search .bs-search input[type=text]{background: #EEE; border: none; padding: 8px 10px; width: 100%;}
.banner .box-social-search .bs-search button{border: none; right: 0px; top: 16px; background: none; position: absolute;}
.banner .box-social-search .bs-search button i{color: #566575; font-size: 16px;}

.banner .info a.phone-vi { background: url(../images/icon.png) 0 -120px no-repeat; }
.banner .info a.phone-en { background: url(../images/icon.png) 0 -150px no-repeat; }
.banner .box-phone { }
.banner .box-lang { }
.banner .open-menu { display: none; }

.menu-top .box-inner{padding: 0px;}
.menu-top ul, .menu-top li{margin: 0px; padding: 0px; list-style: none;}
.menu-top {background: #1A94D0; position: relative;}
.menu-top li { line-height: 40px; float: left; position: relative; transition:all 0.2s;}
.menu-top > div > ul > li { height: 40px;}
.menu-top li:hover, .menu-top li.active{background: #1C89C0}
.menu-top li a { color: #FFF; padding: 0px 29px; font-size: 14px; font-weight: normal; text-transform: uppercase; display: block; }
.menu-top li a i { font-size: 20px; }
.menu-top li a:hover, .menu-top li a.active, .menu-top li:first-child a.active { color: #FFF }
.menu-top li:hover>ul{ display: block; z-index: 9999; }
.menu-top li ul { padding-left: 0px; width: 300px; display: none; z-index: -9999; position: absolute; top: 40px; left: 0px; background: #1C89C0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); transition: ease-out 15s;}
.menu-top li ul.active{display: block; z-index: 9999;}
.menu-top li ul li { float: left; width: 100%; border: none; line-height: normal; height: auto; padding: 8px 5px 8px 15px; border-bottom: 1px solid #4183F9; }
.menu-top li ul li:last-child{border: none;}
.menu-top li ul li:hover { background: #71A3FF; border: none;}
.menu-top li ul li a { font-size: 14px; border: none !important; height: auto !important; padding: 0px !important; font-weight: normal; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-transform: none; background: none; display: block;}

.box-highlight-slider .box-inner{padding: 10px; background: #FFF}
.box-highlight{width: 30%; float: left; padding-right: 10px; height: 350px; overflow: hidden;}
.box-highlight .box-title{background: #E14813; color: #FFF; padding: 8px 0px; text-align: center; text-transform: uppercase; font-size: 14px;}
.box-highlight .box-content{padding: 10px; height: 320px; background: #F0F4F5}
#highLightCourse, #highLightCourse li{margin: 0px; padding: 0px; list-style: none;}
#highLightCourse li{padding: 10px 0px 10px 0px; display: table; border-bottom: 1px solid #DDD}
#highLightCourse li:first-child{padding-top: 0px;}
#highLightCourse li a.icon{float: left; width: 20%; min-height: 50px; font-size: 30px; padding-right: 10px;}
#highLightCourse li a.icon img{width: 100%; height: 100%; overflow: hidden;}
#highLightCourse li div{width: 80%; float: left;}
#highLightCourse li b, #highLightCourse li span{display: block;}
#highLightCourse li b a{font-size: 14px;}
.box-slider{width: 70%; float: left; position: relative; height: 350px; overflow: hidden;}
.box-slider ul, .box-slider li{padding: 0px; margin: 0px; list-style: none;}

.box-video-statistic-adv{background: #FFF;}
.box-video{width: 70%; float: left;}
.box-video .box-title{height: 40px; border-bottom: 1px solid #DDD; padding: 8px 0px; margin-bottom: 20px;}
.box-video .box-title .atitle{color: #1C88BC; font-size: 18px; text-transform: uppercase;}
.box-video .box-title .amore{float: right; color: #999; font-size: 16px;}

.video-highlight-list{height: 320px; overflow: hidden;}
.video-highlight{width: 66.7%; height: 100%; padding-right: 5px; float: left; position: relative;}
.video-highlight .vh-icon{height: 100%}
.video-highlight .vh-icon a{display: block; width: 100%; height: 100%}
.video-highlight .vh-icon img{width: 100%; height: 100%}
.video-highlight .vh-title{position: absolute; bottom: 0px; left: 0px; background: rgba(256, 256, 256, 0.55); width: 100%; padding: 0px 15px;}
.video-highlight .vh-title:hover{background: rgba(256, 256, 256, 0.90);}
.video-highlight .vh-title h4 a{font-size: 16px; font-weight: normal;}
.video-highlight .vh-title h3{margin-top: 10px;}
.video-highlight .vh-title h3 a{font-size: 16px; color: #555}
.video-highlight .vh-title h3:hover a{color: #000}
.video-highlight .vh-title h3 i{color: #DE402F}
.video-hl-list{width: 33.3%; float: left; padding-left: 10px; }
.video-hl-list ul, .video-hl-list li{margin: 0px; padding: 0px; list-style: none;}
.video-hl-list ul{background: #F0F3F6; padding: 15px 0px 15px 10px; }
.video-hl-list li{border-bottom: 1px solid #DDD; padding-bottom: 8px; padding-right: 5px; margin-bottom: 8px;}
.video-hl-list li a{font-size: 14px; font-weight: normal;}
.video-hl-list li a i{padding-right: 5px;}

/* video-hlc-list - video highlight course list*/
.video-hlc-list{}
.video-hlc-list ul, .video-hlc-list li{margin: 0px; padding: 0px; list-style: none;}
.video-hlc-list li{padding: 5px; width: 33.3%; float: left;}
.video-hlc-list li .icon{position: relative; width: 100%; height: 150px; display: block; overflow: hidden;}
.video-hlc-list li .icon i{position: absolute; top: 10px; left: 10px; font-size: 30px; color: #FFF}
.video-hlc-list li:hover .icon i{color: #000}
.video-hlc-list li .icon img{width: 100%; height: 100%}
.video-hlc-list li div > h3{margin-top: 10px;}
.video-hlc-list li:nth-child(1){padding-left: 0px; padding-right: 10px;}
.video-hlc-list li:nth-child(3){padding-left: 10px; padding-right: 0px;}
.video-hlc-list li h4 a{font-size: 14px; font-weight: normal;}
.video-hlc-list li h3 a{font-size: 16px; font-weight: normal;}

.ei-icon{width: 100%; height: 250px; overflow: hidden; background: url(../images/ei-icon.jpg) no-repeat; margin-bottom: 15px;}

.box-statistic-adv{width: 30%; float: left; padding-left: 20px; padding-top: 40px; margin-top: 20px; }
.box-statistic-adv .box-title{padding: 8px 0px 8px 10px; background: #1693cd; color: #FFF; text-transform: uppercase; font-size: 16px;}
.box-statistic-adv .box-adv {max-height: 250px; overflow: hidden;}
.box-statistic-adv .box-adv img{width: 100%; height: 100%}
.box-statistic-adv .box-content{background: #eef3f5; padding: 10px; min-height: 190px;}
.statistic-adv-stt{/*border-bottom: 1px solid #DDD;*/ padding-bottom: 10px; margin-bottom: 0px; font-size: 14px;}
.statistic-adv-stt i{color: #33a0d2; font-size: 16px; width: 20px;}
.statistic-adv-stt b{width: 70%; display: inline-block; padding-right: 10px}
.statistic-adv-stt p{padding-bottom: 10px; padding-top: 10px;}
.statistic-adv-top h4{color: #e3451e; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;}
.statistic-adv-top ul, .statistic-adv-top li{margin: 0px; padding: 0px; list-style: none;}
.statistic-adv-top li{list-style: initial; list-style-position: inside;	padding-bottom: 10px; font-size: 14px; font-weight: bold;}

.box-exam-index{background: #FFF;}
.box-exam-index .box-title{height: 40px; border-bottom: 1px solid #DDD; padding: 8px 0px; margin-bottom: 20px;}
.box-exam-index .box-title .atitle{color: #e3451e; font-size: 18px; font-weight: bold; text-transform: uppercase;}
.box-exam-index .box-title .amore{float: right; color: #999; font-size: 16px;}
.exam-index-highlight{width: 33.3%; float: left; padding-right: 15px;}
.eih-icon{margin-bottom: 10px; max-height: 250px; overflow: hidden; text-align: center;}
.eih-icon a i{font-size: 18px;}
.eih-icon a{width: 100%; display: block; font-size: 16px; font-weight: bold;}
.eih-icon a img{width: 100%; height: 100%}
.eih-list ul, .eih-list li{margin: 0px; padding: 0px; list-style: none;}
.eih-list li{list-style: initial; list-style-position: inside; padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #DDD; margin-bottom: 10px;}
.eih-list li:last-child{border-bottom: none;}
.exam-index-list{width: 66.7%; float: left; background: #eef3f5; padding: 15px;}
.exam-index-list>div{width: 50%; float: left; padding-bottom: 10px; height: 190px; overflow: hidden;}
.exam-index-list>div:nth-child(2n){padding-left: 15px;}
.exam-index-list>div:nth-child(2n+1){padding-right: 15px;}
.exam-index-list>div>h3{background: #E2E5EA; color: #F05F2B; padding: 5px 10px; margin: 0px;}
.exam-index-list>div>h3 a{color: #F05F2B; text-transform: uppercase; font-size: 14px;}
.exam-index-list>div>h3 a:hover{color: #1C89C0}
.exam-index-list>div>ul, .exam-index-list>div>ul>li{margin: 0px; padding: 0px; list-style: none;}
.exam-index-list>div>ul>li{font-size: 14px; padding: 10px 0px; border-bottom: 1px solid #DDD}
.exam-index-list>div>ul>li:last-child{border-bottom: none;}
.exam-index-list>div>ul>li i{padding-right: 10px}

.box-news-fqa{background: #FFF}
/*.nf-news{width: 75%; float: left; padding-right: 20px;}*/
.nf-news{width: 100%;}
.nf-news .box-title{height: 40px; line-height: 40px; border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 20px;}
.nf-news .box-title a{color: #1B8ABD; font-size: 18px; text-transform: uppercase; font-weight: bold;}
.nf-news .box-title a:hover{color: #000}
.nf-news .news-list, .nf-news .news-list>li{margin: 0px; padding: 0px; list-style: none;}
.nf-news .news-list>li{display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDD; }
.nf-news .news-list>li .icon{width: 200px; height: 150px; overflow: hidden; float: left; padding-right: 15px;}
.nf-news .news-list>li .icon img{width: 100%; height: 100%}
.nf-news .news-list>li h3{margin: 0px;}
.nf-news .news-list>li h3 a{font-size: 18px; font-weight: normal; color: #333}
.nf-news .news-list>li h3 a:hover{color: #1B8ABD}
.nf-news .news-list>li p{font-size: 14px; margin-bottom: 0px;}
.nf-news .news-list>li:last-child{border-bottom: none;}

.nf-fqa{width: 25%; float: left;}
.nf-fqa .box-title{height: 40px; line-height: 40px; background: #1A94D0; padding: 0px 10px; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; color: #FFF}
.nf-fqa .box-title a{}
.nf-fqa .fqa-list, .nf-fqa .fqa-list>li{margin: 0px; padding: 0px; list-style: none;}
.nf-fqa .fqa-list li{border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 5px;}
.nf-fqa .fqa-list li:last-child{border-bottom: none;}
.nf-fqa .fqa-list li a.user{color: #CC564D; font-weight: bold;}
.nf-fqa .fqa-list li a.user:hover{color: #000}
.nf-fqa .fqa-list li p{margin: 5px 0px;}
.nf-fqa .fqa-list li span{color: #4B7FB7; background: #EAF1F7; padding: 5px 10px; margin: 5px 0px; display: inline-block;}

.box-teacher-info{background: #f6f6f6; padding: 10px 20px;}
.teacher-info, .ti-course-list{width: 50%; float: left;}
.teacher-info-obj{display: none;}
.teacher-info-obj:first-child{display: block;}
.teacher-info{border-right: 1px dashed #999; padding-right: 15px;}
.box-ti-avatar{text-align: center; position: relative;}
.box-ti-avatar span{width: 20%; float: left; display: block; padding-top: 20%;}
.box-ti-avatar span i{font-size: 50px; color: #999}
.box-ti-avatar span a:hover i{color: #000}
.ti-avatar{width: 60%; float: left; display: block;}
.ti-avatar img{width: 200px; height: 200px; border-radius: 50%; border: 4px solid #e3ebed}
.ti-avatar:hover img{border: 4px solid #717c7f}
.teacher-info h3{font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px; color: #777}
.teacher-info h3 span{font-weight: bold; font-size: 18px; display: block; padding: 5px 0px; }
.teacher-info h3 span a{color: #333}
.teacher-info h3 span a:hover{color: #1B8ABD}
.teacher-info p{text-align: center; margin-top: 0px; color: #777}

.ti-course-list{padding-left: 15px;}
.ti-course-list h4{color: #CC564D; margin: 0px 0px 10px 0px; font-size: 16px;}
.ti-course-list ul, .ti-course-list li{margin: 0px; padding: 0px; list-style: none;}
.ti-course-list li{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #999;}
.ti-course-list li a{font-size: 14px; color: #555;}
.ti-course-list li span{float: right;}
.ti-course-list li span i{font-size: 18px; padding-left: 10px;}
.ti-course-list li a:hover{ color: #1B8ABD}
.ti-course-list li:last-child{border-bottom: none;}

.box-center-wrapper{width: 70%; float: left;}
.box-center .box-title{font-size: 16px; text-transform: uppercase; font-weight: normal; margin-bottom: 0px;}
.box-center .box-content{overflow: hidden;}
.box-center .box-content img{max-width: 100%}

.feature-news{width: 100%; margin-bottom: 15px;}
.feature-news a.icon{width: 35%; float: left; display: block; overflow: hidden; min-height: 200px; padding-right: 15px;}
.feature-news a img{width: 100%;}
.feature-news h2 a{font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.feature-news h2, p{font-size: 14px;}

.feature-list ul, .feature-list li{margin: 0px; padding: 0px; list-style: none;}
.feature-list li{width: 33.3%; float: left; padding: 0px 5px;}
.feature-list li:nth-child(1){padding-left: 0px; padding-right: 10px;}
.feature-list li:nth-child(3){padding-left: 10px; padding-right: 0px;}
.feature-list li a.icon{width: 100%; height: 190px; padding-bottom: 10px; display: block;}
.feature-list li a.icon img{width: 100%; height: 100%; overflow: hidden;}
.feature-list li h3 a{font-size: 14px; font-weight: bold;}

.lastest-list ul, .lastest-list li{margin: 0px; padding: 0px; list-style: none;}
.lastest-list li{border-bottom: 1px solid #DDD; padding: 15px 0px; width: 100%; display: table;}
.lastest-list li:last-child{border-bottom: none;}
.lastest-list a.icon{width: 30%; float: left; display: block; overflow: hidden; padding-right: 15px;}
.lastest-list a img{width: 100%; height: 150px;}
.lastest-list h3 a{font-size: 16px; font-weight: bold;}
.lastest-list h3, .lastest-list p{font-size: 14px; padding: 0px; padding-bottom: 10px; margin: 0px;}

.box-left{width: 30%; float: left; padding-left: 20px;}
.box-left .box-statistic-adv, .box-left .nf-fqa{width: 100%; padding: 0px;}

.info-share{padding: 10px 0px;}
.info-share .is-info{width: 30%; float: left; color: #999}
.info-share .is-info span{display: block; padding-bottom: 5px;}
.info-share .is-info span i{font-style: normal;}
.info-share .is-share{width: 70%; float: left; clear: none !important; text-align: right;}

.view-more{text-align: center; position: relative; height: 40px; margin-bottom: 10px;}
.view-more:before{height: 1px; width: 100%; background: #DDD; content: ''; display: block; position: absolute; top: 50%; z-index: 1;}
.view-more a{padding: 10px 20px; background: #E6E7E9; font-size: 16px; color: #000; position: absolute; z-index: 10; left: calc((100% - 120px) / 2); display: inline-block;;}
.view-more a:hover{color: #1B8ABD;}


.modal-title{margin: 0; font-size: 16px; font-weight: normal;}
.modal-header button, .modal-footer button{cursor: pointer;}
#boxLoginReg .modal-footer button{width: 50%; margin: 0 auto;}

.rating-lbl{font-size: 20px; font-weight: bold; text-transform: uppercase; color: #e04810; padding: 10px 0px;}
.box-rating{color: #333}
.rating-tab-lbl > div{padding: 10px 20px; float: left;}
.rating-tab-lbl > div a{color: #333}
.rating-tab-lbl > div.active{color: #FFF; background: #1678a7; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.rating-tab-lbl > div.active a{color: #FFF}
.rating-tab-content{border: 5px solid #1678a7; padding: 10px;}
.rating-tab-content > div{display: none;}
.rating-tab-content > div.active{display: block;}

.tbl-rating{width: 100%; border:none;}
.tbl-rating th{padding: 10px; text-align: center; border-bottom: 3px solid #d9dadc;}
.tbl-rating td{padding: 10px; text-align: center; border-bottom: 1px dashed #d9dadc;}
.tbl-rating td.sentence{text-align: left;}
.tbl-rating tr:last-child td{border-bottom: none;}
.tbl-rating tr td:last-child{text-align: left; padding-left: 20px;};

.rating-top{width: 30px; height: 30px; display: block; margin: 0 auto; color: #1678a7; font-size: 20px;}
.rating-top-1{background: url(../images/icons.png) 0px 0px no-repeat;}
.rating-top-2{background: url(../images/icons.png) 0px -30px no-repeat;}
.rating-top-3{background: url(../images/icons.png) 0px -60px no-repeat;}
.rating-btn-lbl{padding: 5px 10px; text-align: center; display: block; color: #FFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.rating-btn-1{background: #198db7}
.rating-btn-2{background: #92c345}
.rating-btn-3{background: #aad57a}
.rating-btn-4{background: #eadf22}

.box-teacher{padding: 0px;}
.box-teacher .path{background: #EEE; color: #666; padding: 10px;}
.box-teacher .path a{color: #333}
.box-teacher .path a:hover{color: #000}
.teacher-main{padding: 10px;}
.teacher-main .tm-avatar{width: 25%; float: left; padding-right: 10px;}
.teacher-main .tm-avatar img{width: 100%; height: 100%; border: 10px solid #415a74;}
.teacher-main .tm-info{float: left; padding-left: 40px; width: 75%}
.teacher-main .tm-info .tm-info-lbl{padding: 10px; border-bottom: 1px solid #EEE;}
.teacher-main .tm-info .tm-info-lbl:last-child{border-bottom: none;}
.teacher-main .tm-info .tm-info-lbl label{width: 30%; float: left; padding-right: 20px; padding-left: 40px; }
.teacher-main .tm-info .tm-info-lbl span{width: 70%; float: left; display: inline-block;}
.teacher-main .tm-info .tm-info-lbl:after{display: table; content: ''; clear: both;}

.teacher-lbl{font-size: 18px; color: #e2441e; padding-bottom: 10px}
.teacher-about{padding: 10px; background: #DDD;}
.teacher-list, .teacher-list li{margin: 0px; padding: 0px; list-style: none;}
.teacher-list li{width: 50%; height: 200px; overflow: hidden; float: left;}
.teacher-list li a.avatar{width: 150px; height: 150px; display: block; float: left; border-radius: 50%; border: 5px solid #dee3e6; overflow: hidden; margin-right: 15px;}
.teacher-list li a.avatar img{width: 100%; height: 100%}
.teacher-list li{padding-right: 15px; padding-top: 10px; padding-bottom: 10px;}
.teacher-list li:nth-child(2n){padding-right: 0px; padding-left: 15px;}
.teacher-list li > div{ border-bottom: 1px dashed #DDD; padding-bottom: 10px; min-height: 180px;}
.teacher-list li h3{margin-top: 0px;}
.teacher-list li h3 a{color: #1776a2; font-size: 20px;}
.teacher-list li h3 a:hover{color: #000}

.footer{background-color: #373845; background-image: url('../images/bg-footer.png'); color: #FFF}
.footer a{color: #FFF}
.footer a:hover{color: #4B7FB7}
.footer .info{width: 75%; float: left;}
.footer .info p{margin: 10px 0px;}
.footer .info p span{font-weight: bold;}
.footer .social{width: 25%; float: right; margin-top: 15px;}
.footer .social p{text-align: right; padding-top: 20px;}
.footer .social-list{text-align: right;}
.footer .social-list, .footer .social-list>li{margin: 0px; padding: 0px; list-style: none;}
.footer .social-list>li{float: right; padding: 0px 10px;}
.footer .social-list>li i{font-size: 20px;}

.paging {display: block; color: #555}
.paging .page-list{float: left; width: 70%; text-align: left;}
.paging .page-select{float: left; width: 30%; text-align: right; padding: 0px 8px 6px 0px;}
.paging .page-select select{padding: 6px 8px}
.paging a{color: #555; background: #BFCFE6; padding: 6px 8px; border: 0px solid #CCC; display: inline-block; margin-right: 1px;}
.paging a i{font-weight: normal;}
.paging a.active, .paging a:hover{color: #FFF; background: #003593;}
.paging a.view-all { float: right; border: none; }

.frmTitle { text-align: center; font-size: 16px; }
.frmElement { width: 100%; padding: 5px 10px; clear: both; display: table; }
.frmElement .lbl { width: 30%; float: left; padding: 10px 20px 10px 0px; text-align: right; font-size: 14px; }
.frmElement .element { width: 70%; float: left; padding: 10px 0px 10px 0px; }
.frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element span { border: 1px solid #ccc; border-radius: 3px; text-indent: 5px; padding: 2px 0px; height: 28px; }
.frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element textarea, .frmElement .element span { width: 70%; min-width: 250px; }
.frmElement .element span { display: block; background: #EEE; cursor: pointer; }
.frmElement .element textarea { border: 1px solid #ccc; text-indent: 5px; padding: 4px 0px; min-height: 80px; }
.frmElement .error { width: 70%; float: left; color: #FD0100 }
.frmElement .txtCapt input { float: left; width: 50% !important; min-width: 50% !important; height: 30px !important; border-radius: 0 !important }
.frmElement .btn, .frmElement .msg { margin-left: 30%; }
.frmElement .btn input[type=submit], .frmElement .btn input[type=reset] { font-size: 14px; width: 140px; height: 30px; text-align: center; cursor: pointer; line-height: 24px; color: #fff; border: none; border-radius: 1px; margin: 0px auto; margin-right: 10px; }
.frmElement .btn input[type=submit] { color: #FFF; background: #1C89C0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: bold;}
/*background: #004884; */
.frmElement .btn input[type=reset] { background: #CCC; }
.center, .ctr { text-align: center; font-size: 14px; }
.note { font-size: 16px; color: #891437; padding-bottom: 10px; }
.pad { padding: 10px 20px; font-size: 14px; }
.pad10 { padding: 10px}
.pad15 { padding: 15px}
.continues { text-align: center; font-size: 16px; }
.relativetitle { line-height: 30px; font-size: 16px; }
.lblMsg { display: none; height: auto; color: #F00; padding-top: 10px; font-size: 14px; }
#divErr.lblMsg{margin-left: 30%; padding-left: 10px;}
.reg-success { color: #3D6AE4; padding: 20px 10px; font-size: 16px; }
.border-top{border-top: 1px solid #DDD}
.border-bottom{border-bottom: 1px solid #DDD}
.success { color: #3D6AE4; }
.divAdd { color: #06F; font-size: 16px; padding: 20px; }
.numpages { padding: 2px 0 15px 0; font-size: 14px; }
.padlr { padding: 4px 20px; }
.notfound { padding: 30px; text-align: center; font-size: 16px; color: #880000; clear: both; }
.found { padding: 10px; text-align: center; font-size: 16px; color: #0066FF }
.orange { background: #EB7336; }
.red, .err { color: #880000 }
.ulrelate li { font-size: 14px; padding-bottom: 8px; }
.dnhd { display: none; }
.clear { clear: both; height: 0; line-height: 0; width: 0; overflow: hidden; display: block;}
.clear1 { clear: both; height: 1px; background: none; display: block;}
.clear2 { clear: both; height: 2px; background: none; display: block;}
.clear3 { clear: both; height: 3px; background: none; display: block;}
.clear5 { clear: both; height: 5px; background: none; display: block;}
.clear10 { clear: both; height: 10px; background: none; display: block;}
.clear15 { clear: both; height: 15px; background: none; display: block;}
.clear20 { clear: both; height: 20px; background: none; display: block;}
#divAdvLeft { position: absolute; top: 236px; left: 20px; z-index: 999999; width: 120px; margin-bottom: 230px }
#divAdvRight { position: absolute; top: 236px; left: 1130px; z-index: 999999; width: 120px; }
#divAdvLeft img, #divAdvRight img { width: 120px; border: none; }
iframe[name=google_conversion_frame]{width: 0px !important; height: 0px !important; display: none !important;}

.btn{cursor: pointer;}
.form-control{border-radius: 0px;}
.form-group{display: block !important;}
/*.form-group:hover{background: #f7f7f7}*/
.frm-dn .form-group{margin-bottom: 10px;}
.frm-dn .col-sm-8 > input[type=text], .frm-dn .col-sm-8 > input[type=password], .frm-dn .col-sm-8 > textarea, .frm-dn .col-sm-8 > span{width: 70% !important; border-radius: 0px;}
.frm-dn textarea{height: 200px;}
.frm-dn label.col-sm-4{padding-top: 8px; text-align: right;}
.frm-dn .col-sm-8 label{padding-right: 10px; padding-top: 5px;}
.frm-dn .col-sm-8 span{padding-top: 8px; display: block;}

/* For desktop */
@media only screen and (max-width:1200px) { }

/* For desktop */
@media only screen and (max-width:1024px) {
	.page, .box-inner{width: 100%}
	.banner .logo, .banner .info{width: 50%}
}

/* For table */
@media screen and (max-width:800px) {
	.banner .open-menu { display: block; background: none; border: none; width: 43px; height: 39px; text-indent: -900em; overflow: hidden; position: absolute; top: 0px; cursor: pointer; outline: none; z-index: 999 }
	.banner .open-menu:after { display: block; content: ''; position: absolute; width: 68%; height: 4px; background: #1C89C0; top: 8px; left: 17%; box-shadow: 0 10px 0 #1C89C0, 0 20px 0 #1C89C0; }
	.menu-top { position: absolute; top: -1600px; z-index: -99999; display: none; }
	.menu-top.menu-wrapper-active { top: 50px; z-index: 99999; display: block; left: 0px; height: auto; }
	.menu-top li:first-child{ display: block; }
	.menu-top li { width: 100%; border-bottom: 1px solid #EEE; }
	.menu-top li a{padding: 0 15px;}
}

/* For table */
@media screen and (max-width:768px) {
	.box-video, .box-statistic-adv{width: 100%;}
	.box-statistic-adv{padding: 0px; margin: 0px;}
	.box-statistic-adv .box-adv{display: none;}
	.box-highlight, .box-slider{width: 100%}
	.box-highlight{padding: 0px; margin-bottom: 20px;}
	.box-slider{height: auto;}
}

/* For mobile */
@media screen and (max-width:667px) {
	.banner .logo, .banner .info{width: 100%}
	.banner .logo{background-position: center center;}
	.banner .box-hotline-reg > div.bhr-hotline, .banner .box-hotline-reg > div.bhr-hotline-btn{float: left;}
}

/* For mobile */
@media screen and (max-width:640px) {
	.exam-index-highlight, .exam-index-list{width: 100%; }
	.exam-index-list > div > h3 a{font-weight: normal;}
	.exam-index-highlight{padding: 0px;}
	.eih-icon, .eih-list{width: 50%; float: left;}
	.eih-list{padding-left: 20px;}
	.nf-news, .nf-fqa{width: 100%;}
	.nf-news{padding: 0px;}
	.footer .info, .footer .social{width: 100%}
	.footer .social{float: initial;}
	.footer .social-list > li{width: 25%; text-align: center; float: left;}
}

/* For mobile */
@media screen and (max-width:580px) {
	.video-highlight{width: 60%;}
	.video-hl-list{width: 40%}
	.video-highlight .vh-icon img{height: auto;}
	.video-hl-list li a{font-weight: normal;}
}

/* For mobile */
@media screen and (max-width:480px) {
	.video-highlight-list{height: auto;}
	.video-highlight, .video-hl-list{width: 100%; padding: 0px;}
	.eih-icon, .eih-list{width: 100%; padding: 0px;}
	.nf-news .news-list > li .icon{width: 100%; height: auto; float: initial; display: block; padding: 0px;}
	.nf-news .news-list > li h3{padding-top: 5px;}
	.video-hlc-list li{width: 100%; padding: 0px !important;}
	.video-hlc-list li .icon{height: auto;}
}

/* For mobile */
@media screen and (max-width:400px) {
	.banner .logo {background-size: contain;}
	.banner .box-hotline-reg > div.bhr-hotline, .banner .box-hotline-reg > div.bhr-hotline-btn{width: 50%; margin: 0px;}
	.banner .box-hotline-reg .bhr-reg{width: 100%; margin-bottom: 10px;}
	.banner .box-social-search .bs-search, .banner .box-social-search .bs-social{width: 100%}
	.banner .box-social-search .bs-social li{text-align: center;}
}

/* For mobile */
@media screen and (max-width:320px) {
	.exam-index-list > div{width: 100%; padding: 0px !important;}
}