@import url(../fonts/font.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/* Default */
body{ font-family: "Roboto", sans-serif;}
a { text-decoration: none; color: #db1f1f; transition: all 0.15s ease-in-out 0s;}
a:hover { text-decoration: none; color: #222;}
a:focus { text-decoration: none; color: #222;}
.clr, .clear{ clear: both;}
.wrapper{ min-height: 500px; background-color: #f4f3f2;}

/* Bootstrap */
.form-group{ margin-bottom: 20px;}
.form-group .text-danger{ font-size: 12px; padding-top: 2px;}
.btn{ line-height: 100%;}
.btn.cerulean{ background-color: #db1f1f; color: #FFF;}
.btn.cerulean:hover{ background-color: #ab1a1a; color: #FFF;}
.has-error .form-control{border: 1px solid #FF0000 !important;}

.popup_video{ background: url("../images/loader.gif") no-repeat center 40% rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;}
.popup_video .popup_content{ width: 60%; margin: 0 auto; margin-top: 8%; height:60%; position: relative;}
.popup_video .popup_close{ position: absolute; top: -18px; right: -13px; font-size: 30px; color: #FF0000; line-height: 100%;}

.box_top{ background-color: #FFF; border-bottom: 1px solid #e1e1e1; height: 32px; line-height: 32px; color: #db1f1f;}
.box_top .contact .hotline {margin-right: 35px; float: left; font-size: 12px; font-weight: 500;}
.box_top .contact .hotline a{ color: #db1f1f;}
.box_top .contact .hotline a:HOVER{ color: #000;}
.box_top .contact .hotline a i{ margin-right: 2px;}
.box_top .contact .email{ color: #db1f1f; display: inline-block; font-size: 12px; margin-right: 35px; font-weight: 500; float: left;}
.box_top .contact .email:HOVER{ color: #000;}
.box_top .contact .email i{ margin-right: 2px;}
.box_top .contact:AFTER{ content: ""; display: block; clear: both;}
.box_top .social{ text-align: right; float: right;}
.box_top .social a{ color: #db1f1f; display: inline-block; width: 32px; height: 32px; border-right: 1px solid #e1e1e1; text-align: center; font-size: 13px; float: right;}
.box_top .social a:HOVER{ color: #000;}
.box_top .social a:LAST-CHILD{ border-left: 1px solid #e1e1e1;}
.box_top .social:AFTER{ content: ""; display: block; clear: both;}
.box_top .user{ float: right;}
.box_top .user:AFTER{ content: ""; display: block; clear: both;}
.box_top .user>ul{ margin: 0; padding: 0; list-style: none; height: auto; float: right;}
.box_top .user>ul>li>a{ color: #db1f1f; padding: 0 15px; height: 32px; line-height: 32px; border-right: 1px solid #e1e1e1; text-align: center; font-size: 13px; float: right;}
.box_top .user>ul>li>a:HOVER{ color: #000;}

.box_header { padding: 25px 0;}
.box_header .logo { padding-top: 5px;}
.box_header .logo a{ display: block;}
.box_header .logo img{ max-width: 90%;}
.box_header .topic{ cursor: pointer; font-size: 15px; border-radius: 4px;}
.box_header .topic ul{ list-style: none; margin: 0; padding: 0;}
.box_header .topic ul li{ height: 40px; line-height: 40px; position: relative; background: #EEE; color: #222; border-radius: 3px; text-align: center;}
.box_header .topic ul li a{ color: #222; text-transform: uppercase; padding: 0 30px; display: block; font-weight: bold;}
.box_header .topic ul li ul{ display: none; position: absolute; background: #f4f3f2; color: #111; width: 250px; z-index: 1000; left: 0; top: 100%; border-radius: 3px; padding: 10px 0; margin: 0;}
.box_header .topic ul li:hover ul{ display: block; }
.box_header .topic ul li ul li{ background: none; text-align: left;}
.box_header .topic ul li ul li a{color: #111; padding: 0 30px; display: block; text-transform: none; font-weight: 400;}
.box_header .topic ul li ul li a:HOVER{color: #ed273d;}
.box_header .topic.active{ background-color: #424e53; color: #FFF; font-size: 15px;}
.box_header .search{ width: 100%; }
.box_header .search .form-group{ margin: 0 0;}
.box_header .search .form-group .form-control{ background:#f2f3f5; padding: 0 10px; height: 40px; font-size: 13px; border-right: 0; box-shadow: 0 0 0; border-color: #e3e3e3; width: 100%;}
.box_header .search .form-group .form-control:FOCUS{ outline: none;}
.box_header .search .form-group .input-group-addon{ padding: 0 10px; border-left: 0; background: #f2f3f5; border-color: #e3e3e3;}
.box_header .search .form-group .input-group-addon button{ display: block; border: 0; margin: 0; height: 28px; width: 28px; background: none; color: #db1f1f;}
.box_header .menu a{ height: 40px; line-height: 40px; display: block; width: 100%; text-align: center; background: #ed273d; color: #FFF; border-radius: 3px; text-transform: uppercase;}

.box_slider{ margin-bottom: 30px;}
.box_slider img{ width: 100%;}

/* Danh mục khóa học */
.page_category{ }
.page_category .page_title{ padding: 20px 0;}
.page_category .page_title .title{ text-transform: uppercase; font-size: 18px; font-weight: 600; margin: 0; padding: 0;}
.page_category .page_content{}
.page_category .item{ margin-bottom: 30px;}
.page_category .item .image{ margin-bottom: 10px;}
.page_category .item .image img{ width: 100%;}
.page_category .item .name{ padding: 0 0 10px; margin: 0; font-size: 14px;}
.page_category .item .name a{ color: #222;}
.page_category .item .price{ color: #ed243c;}

.page_course{ }
.page_course .course_info{ background-color: #424e53; padding: 30px 0;}
.page_course .course_info .name{ color: #FFF; font-size: 30px; font-weight: 400; margin: 20px 0;}
.page_course .course_info .price{ color: #FFF; font-size: 40px; font-weight: 600;}
.page_course .course_info .controls{ padding-top: 20px;}
.page_course .course_info .controls .btn-buy{ background-color: #ed263b; color: #FFF; text-transform: uppercase; font-size: 14px; display: inline-block; padding: 8px 30px;}
.page_course .course_info .jw-preview{ background-size: cover;}
.page_course .page_content{ padding-top: 40px;}
.page_course .topic{ padding-top: 25px; border-bottom: 1px solid #CCC;}
.page_course .topic .topic_title{ margin-bottom: 18px;}
.page_course .topic .topic_title .title{ margin: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #db1f1f;}
.page_course .topic .topic_title .title a{ font-weight: 600; display: block; color: #424e53;}
.page_course .topic .item{ margin-bottom: 30px;}
.page_course .topic .item .image{ display: block; position: relative;}
.page_course .topic .item .image img{ width: 100%;}
.page_course .topic .item .title{ margin: 10px 0 1px; padding: 0; font-size: 14px; font-weight: 600; color: #424e53; font-family: Calibri;}
.page_course .topic .item .title a{ color: #424e53;}
.page_course .topic .item .title a:hover{ color: #db1f1f;}
.page_course .topic .item .description{ font-size: 12px; color: #424e53;}
.page_course .topic .item.block .image a:BEFORE{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/icon_padlock_30.png") no-repeat center center rgba(253, 177, 15, 0.8);}
.page_course .widget{ margin-bottom: 40px;}
.page_course .widget .widget_title{ font-size: 18px; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; color: #db1f1f;}
.page_course .widget .group_2{ display: none;}
.page_course .widget .read_more{ cursor: pointer; color: #2396c5; font-weight: 600;}
.page_course .alert{ border-radius: 0; margin: 0;}
.page_course .controls_buy{ text-align: center;}
.page_course .controls_buy .btn-buy{ background-color: #ed263b; color: #FFF; text-transform: uppercase; font-size: 15px; display: inline-block; padding: 15px 40px;}

.page_login{ padding: 50px 0;}
.page_login .form{ padding: 20px 50px; background-color: #FFF;}
.page_login .form .logo{ text-align: center; padding: 10px 0;}
.page_login .form .logo img{ max-height: 50px;}
.page_login .form .title{ color: #282828; text-align: center; font-size: 16px; font-weight: 600; padding: 20px 0 30px;}
.page_login .form .social{ text-align: center; padding: 12px 0; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE;}
.page_login .form .social .text{ font-weight: 600; padding-bottom: 10px; color: #666;}
.page_login .form .social a{ display: inline-block; margin: 0 10px; padding: 0 20px; height: 40px; line-height: 38px; text-align: center; color: #FFF; font-size: 18px; background-color: #3b5998; -webkit-border-radius: 40px !important; -moz-border-radius: 40px !important; border-radius: 40px !important;}
.page_login .form .social a:hover{ background-color: #264179;}
.page_login .form .social a.google{ background-color: #dc4a38;}
.page_login .form .social a.google:hover{ background-color: #b92f1e;}
.page_login .form .social a i{ margin-right: 8px;}
.page_login .form .form-group{ padding: 0; margin-bottom: 20px;}
.page_login .form .form-group .form-input-wrap { position: relative; height: 40px; line-height: 44px; }
.page_login .form .form-group .form-input-wrap .form-input{outline: 0; width: 100%; height: inherit; line-height: inherit; padding: 0 10px; border: 1px solid #EEE; color: #252B2F; font-size: 15px; -webkit-transition: none; transition: none; transform-origin: left top;}
.page_login .form .form-group .form-input-wrap select.form-input{ padding: 0 7px; font-size: 15px;}
.page_login .form .form-group .form-input-wrap .form-label{ position: absolute; left: 0; top: 0; height: inherit; line-height: inherit; overflow: hidden; width: 100%; color: #A7B0B7; font-size: 15px; cursor: text; transform-origin: left top; transform: translate3d(0, 0, 0) scale(1); pointer-events: none; -webkit-transition: 0.2s ease all; transition: 0.2s ease all;}
.page_login .form .form-group .form-input-wrap .form-input:focus+.form-label, .page_login form .form-group .form-input-wrap-filled .form-label{ left: 0; width: calc(100% / .75); transform: translate3d(0, -12px, 0) scale(0.80); color: #1095d3; cursor: default; line-height: 1; }
.page_login .form .form-group option{ padding: 5px !important;}
.page_login .form .form-button{ text-align: center; padding: 10px 0;}
.page_login .form .form-button .btn{ font-size: 16px; padding: 14px 40px 16px; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important;}
.page_login .form .form-text{ text-align: center; padding: 10px 0;}
.page_login .form .form-text .or{ padding-bottom: 10px; font-size: 14px; color: #666;}
.page_login .form .form-text .text-bold{ font-weight: normal; font-size: 14px;}
.page_login .form .forgot-password{ text-align: center; padding: 10px 0;}
.page_login .form .forgot-password a{ font-weight: 600;}
.page_login .form .error{ text-align: center; padding: 0 0 10px; color: #FF0000;}
.page_login .form .error{ text-align: center; padding: 0 0 10px; color: #FF0000;}
.page_login .form .alert{ text-align: center; border-radius: 0; border: 0;}

/* Buy */
.page_buy{ padding-top: 30px;}
.page_buy .payment-info{ min-height: 251px; margin-left: 20px; padding: 40px; border: 1px solid #CCC; background-color: #efefef; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.page_buy .payment-info .info-title{ font-size: 22px; padding: 0 0 30px; font-weight: 600;}
.page_buy .payment-info .info-course{ font-size: 16px; padding: 0 0 10px;}
.page_buy .payment-info .info-coupon{ font-size: 16px; padding: 0 0 10px;}
.page_buy .payment-info .info-cost{ font-size: 16px; padding: 10px 0 10px; border-top: 1px solid #CCC;}
.page_buy .payment-info .info-cost .total-price{ color: #B3292E; font-weight: 600;}
.page_buy .payment-method{ padding-bottom: 50px;}
.page_buy .payment-method .method-title{ font-size: 22px; font-weight: 600; padding-bottom: 30px; color: #555;}
.page_buy .payment-method .method-card .card-style label{ display: block; border: 1px solid #CCC; padding: 20px 10px 10px; overflow: hidden; background-color: #FFF; cursor: pointer; text-align: center; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; transition: all 0.15s ease-in-out 0s;}
.page_buy .payment-method .method-card .card-style label:hover{ background-color: #1094d4; border-color: #1094d4; color: #FFF;}
.page_buy .payment-method .method-card .card-style label:hover .icon{ color: #FFF;}
.page_buy .payment-method .method-card .card-style label:hover .name{ color: #FFF; border-color: #FFF;}
.page_buy .payment-method .method-card .card-style .icon{ display: block; padding: 15px; color: #727272; text-align: center;}
.page_buy .payment-method .method-card .card-style .icon i{ font-size: 48px;}
.page_buy .payment-method .method-card .card-style .name{ display: block; color: #555; padding: 0 0 5px; text-align: center; font-size: 14px; font-weight: 600;}
.page_buy .payment-content { padding-bottom: 50px;}
.page_buy .payment-content .title{ font-size: 22px; font-weight: 600; padding-bottom: 30px; color: #555;}
.page_buy .payment-confirm { padding-bottom: 50px;}
.page_buy .payment-confirm .title{ font-size: 22px; font-weight: 600; padding-bottom: 30px; color: #555;}
.page_buy .required{ color: #FF0000;}
.page_buy .error{ color: #FF0000; font-size: 12px; padding: 3px;}
.page_buy .controls{ text-align: center; padding: 20px 0;}
.page_buy .controls .btn{ min-width: 200px; padding: 15px; background-color: #b3292e; color: #FFF; font-weight: normal; text-transform: uppercase; font-size: 16px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.page_buy .controls .btn:HOVER{ background-color: #cc2d32;}

.page_success{ padding: 50px 0;}
.page_success .page_title{ text-align: center; font-size: 30px; padding-bottom: 30px;}
.page_success .page_content{ text-align: center;}

.page_user{ padding: 50px 0;}
.page_user .box_wrapper{ min-height: 600px;}
.page_user .box_menu{ background: #0178b2; color: #FFF; box-shadow: 0 0 0; width: 100%; z-index: 9999;}
.page_user .box_menu a{ color: #FFF;}
.page_user .profile-detail{ margin-bottom: 50px;}
.page_user .profile-detail .profile-title{ height: 50px; line-height: 50px; font-size: 20px; color: #222; background-color: #DDD; padding: 0 30px;}
.page_user .profile-detail .profile-content{ padding: 15px 0;}
.page_user .profile-detail .avatar {  text-align: center;}
.page_user .profile-detail .avatar img{ max-width: 100%; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.page_user .profile-detail .name{ text-transform: uppercase; font-size: 20px; padding-bottom: 10px; font-weight: 600;}
.page_user .profile-detail .email{ font-size: 16px; padding-bottom: 8px;}
.page_user .profile-detail .phone{ font-size: 16px; padding-bottom: 8px;}
.page_user .profile-detail .address{ font-size: 16px; padding-bottom: 12px;}
.page_user .profile-detail .config .btn{ background-color: #e9e9e9; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.page_user .profile-detail .info span{ font-weight: 600;}
.page_user .course{ margin-bottom: 50px;}
.page_user .course .course-title{ height: 50px; line-height: 50px; font-size: 20px; color: #222; background-color: #DDD; padding: 0 30px;}
.page_user .course .course-content{ padding: 15px 0;}
.page_user .payment { margin-bottom: 50px;}
.page_user .payment .payment-title{ height: 50px; line-height: 50px; font-size: 20px; color: #222; background-color: #DDD; padding: 0 30px;}
.page_user .payment .payment-content{ padding: 15px 0;}
.page_user .payment .payment-content .table th{ padding: 15px 10px;}
.page_user .payment .payment-content .table td{ padding: 15px 10px;}

.box_intro{ border: 1px solid #CCC; padding: 20px 15px; background-color: #FFF; text-align: center; margin-top: -40px; position: relative; z-index: 999;}
.box_intro .item{ display: inline-block; text-align: left; padding-left: 50px; line-height: 18px;}
.box_intro .item.item_1{ background: url("../img/icon_3.png") no-repeat top left;}
.box_intro .item.item_2{ background: url("../img/icon_4.png") no-repeat top left;}
.box_intro .item.item_3{ background: url("../img/icon_5.png") no-repeat top left;}

.box_courseHome{ padding: 60px 0 30px 0;}
.box_courseHome .box_title{ text-align: center; font-size: 30px; font-family: 'Roboto'; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; color: #db1f1f;}
.box_courseHome .box_title a{}
.box_courseHome .box_content{ padding: 20px 0;}

.gridCourse .item{ margin-bottom: 30px; background-color: #fff; position: relative;}
.gridCourse .item .info{ padding-bottom: 20px; border-top: 0;}
.gridCourse .item .image{ margin: 0;}
.gridCourse .item .image a{ display: block;}
.gridCourse .item .image img{ width: 100%;}
.gridCourse .item .name{ padding: 10px 10px 15px; font-weight: 500; min-height: 65px;}
.gridCourse .item .name a{ color: #111;}
.gridCourse .item .name a:hover{ color: #000;}
.gridCourse .item .teacher{ margin: 0 10px; height: 20px; overflow: hidden; font-size: 13px; color: #111;}
.gridCourse .item .vote{ padding: 5px 10px 10px; overflow: hidden;}
.gridCourse .item .vote .star-vote{ color: #111; font-weight: 700; padding: 0 5px;}
.gridCourse .item .vote .rated{ color: #f8bc3c;}
.gridCourse .item .vote .rated.percent{ color: #999; position: relative;}
.gridCourse .item .vote .rated.percent:BEFORE{ color: #999;}
.gridCourse .item .vote .rated.percent:AFTER{ content: "\f005"; font-family: "FontAwesome"; position: absolute; top: 0; left: 0; z-index: 2; color: #f8bc3c; overflow: hidden;}
.gridCourse .item .vote .rated.percent.percent_1:AFTER{ width: 10%;}
.gridCourse .item .vote .rated.percent.percent_2:AFTER{ width: 20%;}
.gridCourse .item .vote .rated.percent.percent_3:AFTER{ width: 30%;}
.gridCourse .item .vote .rated.percent.percent_4:AFTER{ width: 40%;}
.gridCourse .item .vote .rated.percent.percent_5:AFTER{ width: 50%;}
.gridCourse .item .vote .rated.percent.percent_6:AFTER{ width: 60%;}
.gridCourse .item .vote .rated.percent.percent_7:AFTER{ width: 70%;}
.gridCourse .item .vote .rated.percent.percent_8:AFTER{ width: 80%;}
.gridCourse .item .vote .rated.percent.percent_9:AFTER{ width: 90%;}
.gridCourse .item .vote .rated.percent.percent_0:AFTER{ width: 100%;}
.gridCourse .item .vote .rating{ color: #424e53; font-size: 13px;}
.gridCourse .item .price{ padding: 5px 10px 0; font-size: 17px; color: #FF0000;}
.gridCourse .item .price .value{ font-weight: 500;}
.gridCourse .item .price .old{ text-decoration: line-through; padding-left: 10px; color: #999; font-size: 14px;}
.gridCourse .item .like{ bottom: 15px; right: 15px; cursor: pointer; float: right;}
.gridCourse .item .like .fa{color: #ed273d; padding-right: 5px;}

/* TienNV */
.box_dangky { padding: 50px 0; background: #f4f3f2;}
.box_dangky .left{ padding-right: 100px; min-height: 550px;}
.box_dangky .dangky{padding-right: 100px; padding-top: 75px;}
.box_dangky .dangky .title{font-family: 'Roboto'; font-size: 30px; line-height: 40px; color: #db1f1f; padding-bottom: 30px; font-weight: 500;}
.box_dangky .dangky .form-control{ height: 60px; border-radius: 0px; border:1px solid #111; padding: 6px 30px; font-size: 14px; border: 1px solid #33425b;}
.box_dangky .dangky .form-control::-webkit-input-placeholder { color: #49556a; font-weight: 500; font-size: 14px; line-height:45px; font-family: "Roboto";}
.box_dangky .dangky .form-control:-moz-placeholder {color: #898989; font-weight: 500;font-size: 14px;}
.box_dangky .dangky .form-control::-moz-placeholder {color: #898989; font-weight: 500;font-size: 14px;}
.box_dangky .dangky .form-control:-ms-input-placeholder {color: #898989; font-weight: 500;font-size: 14px;}
.box_dangky .dangky .btn-blue{background: #2088c9; font-size: 20px; font-family: "Roboto"; color: #fff;}
.box_dangky .dangky .btn-blue:hover{transition: color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_dangky .dangky .has-error .form-control{ border-color: #FF0000;}
.box_dangky .dangky .error{ color: #FF0000;}
.box_dangky .dangky .alert{margin-top: 10px; border-radius:0;}
.box_dangky .dangky .btnSuccess{ text-align: center; margin-top: 10px;}
.box_dangky .dangky .btnSuccess .input-lg{ height:60px; border: none; border-radius: 0; width: 100%; background: #db1f1f; color: #fff;font-family: "Roboto"; padding: 20px 25px; font-size: 20px; text-transform: uppercase;}
.box_dangky .dangky .btnSuccess .input-lg:FOCUS{ outline: none;}

/* TienNV */
.box_adsHome { background: #fff; margin-bottom: 100px;}
.box_adsHome .img img{width: 100%;}
.box_adsHome .container img{width: 100%;}

/* TienNV */
.box_book{ background: #fff; padding-bottom: 50px;}
.box_book .box_title{font-family: "DP-Bold"; font-size: 13px; line-height: 20px; margin-bottom: 50px;}
.box_book .box_title .book{font-size: 25px; color: #111;}
.box_book .box_title .view{padding-left: 25px; color: #2587c8;}
.box_book .row{margin: 0;}
.box_book .box_content{margin: 0 -34px; display: inline-block;}
.box_book .item{width: calc(20% - 68px); float: left; margin: 0 34px;}
.box_book .item .image{position: relative;}
.box_book .item .image img{width: 100%;}
.box_book .item .image .view{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 60% rgba(15, 42, 81, 0.5); visibility: hidden; opacity: 1; transition: all 0.15s ease-in-out 0s;}
.box_book .item .image a{display: block; position: relative;}
.box_book .item .image a:HOVER .view{opacity:1; visibility: visible; transition: 0.5s;}
.box_book .item .image .view span{width: 70%; height: 35px;color: #fff; text-align: center; font-size: 15px; line-height: 30px; display: block; margin: 0 auto; border: 2px solid #fff; border-radius: 5px;top: 48%; position: absolute;left: 15%;}
.box_book .item .title{font-size: 15px; line-height: 20px; text-align: center;}
.box_book .item .public{font-style: italic; font-size: 15px; text-align: center;line-height: 20px; padding-bottom: 15px;}
.box_book .item .price{text-align: center;}
.box_book .item .price .value{font-weight: 500; font-size: 15p; line-height: 20px; color: #db1f1f;}
.box_book .item .price .mask_currency{font-size: 15px; line-height: 20px; }

.box_benefit{ padding: 80px 0; }
.box_benefit .box-title .title{ font-size: 30px; font-family: "UTM-Neo-Sans-Intel"; text-align: center; margin: 0 0 60px; }
.box_benefit .box-title .title span{ display: block;}
.box_benefit .item{ padding: 0px 25px; text-align: center;}
.box_benefit .item .image img{ max-width: 100%; }
.box_benefit .item .desc{ margin-top: 20px; }
.box_benefit .item .desc .title{ font-size: 20px; font-family: "OpenSans-Bold"; color: #1a95d3; }
.box_benefit .item .desc .title span{ display: block;}
.box_benefit .item .desc p{ font-family: "OpenSans-Regular"; }

.box_slideStudent{ background: url("../img/tmp/student-1.jpg") no-repeat center center; background-size: cover; color: #fff; padding: 130px 0; }
.box_slideStudent .box_title .title{ font-size: 30px; font-family: "UTM-Neo-Sans-Intel"; text-align: center; margin: 0 0 20px; }

.box_register { padding: 100px 0; }
.box_register .image img{ max-width: 100%; }
.box_register .box_form{ padding: 50px 100px 0; }
.box_register .box_form .box_title .title{ font-size: 30px; font-family: "UTM-Neo-Sans-Intel"; margin: 0 0 35px; padding-bottom: 35px; line-height: 35px; position: relative; }
.box_register .box_form .box_title .title:BEFORE{ content: ' '; position: absolute; width: 300px; height: 5px; background: #1a95d3; bottom: 0; left: -44px; }
.box_register .box_form .box_title .title span{ display: block; }
.box_register .box_form .form-group .form-control{ height: 55px; font-size: 17px; border-radius: 0;  font-family: "OpenSans-Semibold"; padding-left: 30px;}
.box_register .box_form .form-group .form-control::-webkit-input-placeholder { color: #192738; font-size: 17px; font-family: "OpenSans-Semibold"; }
.box_register .box_form .form-group .form-control:-moz-placeholder {color: #192738; font-size: 17px; font-family: "OpenSans-Semibold"; }
.box_register .box_form .form-group .form-control::-moz-placeholder {color: #192738; font-size: 17px; font-family: "OpenSans-Semibold"; }
.box_register .box_form .form-group .form-control:-ms-input-placeholder {color: #192738; font-size: 17px; font-family: "OpenSans-Semibold"; }
.box_register .box_form .inputGui .btn-blue{ padding: 16px 60px; border: none; background: #1a95d3; height: auto; font-size: 17px; text-transform: uppercase; border-radius: 0; color: #fff; font-family: "OpenSans-Semibold";}

.box_expert .box_title .title{ margin-bottom: 35px; font-family: "UTM-Neo-Sans-IntelBold"; font-size: 17px; text-transform: uppercase; }
.box_expert .item_slide{ position: relative; }
.box_expert .expert .container{ position: absolute; width: 100%; height: 100%; top: 0px; text-align: justify; color: #fff; padding-left: 60px; padding-top: 50px; }
.box_expert .container .content{ width: 70%; }
.box_expert .container .content .name{ font-family: "UTM-Neo-Sans-IntelBold"; font-size: 30px; margin-bottom: 27px; }
.box_expert .container .content .desc{ font-size: 20px; font-family: "OpenSans-Semibold"; margin-bottom: 25px; }
.box_expert .container .content .number{ font-family: "OpenSans-Bold"; font-size: 23px; }
.box_expert .container .content .number .text{ margin-right: 10px; }
.box_expert .container .content .science_highlight{ margin-top: 70px; }
.box_expert .container .content .science_highlight .title{ font-size: 20px; font-family: "OpenSans-Bold"; margin-bottom: 20px;}
.box_expert .container .content .science_highlight .item{ display: inline-block; background: #fff; width: 361px; margin-right: 10px; }
.box_expert .container .content .science_highlight .item img{ display: inline-block; width: 107px; height: auto;}
.box_expert .container .content .science_highlight .item span{display: inline-block; vertical-align: middle; width: 250px; font-size: 15px; color: rgba(0,0,0,.8); font-weight: 700; padding-left: 10px; padding-right: 10px; }


/* Lesson */
.box_lesson{ }
.box_lesson .box_title{ height: 80px; line-height: 80px; overflow: hidden; padding-left: 20px; font-size: 24px; color: #3976ba; font-weight: 600; border-bottom: 1px solid #EEE;}
.box_lesson .box_content{ position: fixed; left: 15%; top: 80px; padding: 0; width: 60%; height: calc(100% - 80px); overflow: auto;}
.box_lesson .box_content .box_content_load{ padding: 15px;}
.box_lesson .box_content .note{ padding: 5px 15px 70px; text-align: center;}
.box_lesson .lesson_refresh{ position: absolute; top: 170px; left: 82px;}
.box_lesson .controls{ display: block; background-color: #f6f6f6; position: fixed; left: 15%; width: 60%; bottom: 0; text-align: center; padding: 10px 5px;}
.box_lesson .controls a{ margin: 0 5px; display: inline-block; height: 30px; line-height: 30px; border-radius: 5px; background-color: #3976bb; padding: 0 15px; color: #FFF; font-weight: 600;}
.box_lesson .controls a.prev{ background-color: #fff; color: #3976bb; border: 2px solid #3976bb; border-radius: 5px;}
.box_lesson .lesson_detail_success{ padding: 50px 0; text-align: center; font-size: 30px; color: #999;}
.box_lesson .lesson_detail .description{ text-align: center; font-size: 16px; padding-bottom: 20px;}
.box_lesson .lesson_detail .content{ padding-top: 10px;}
.box_lesson .lesson_detail .lesson_detail_box{ margin-bottom: 30px;}
.box_lesson .lesson_detail.video{ padding: 0;}
.box_lesson .lesson_detail.video .flowplayer a{ width: 1px !important; bottom: 0 !important; left: 0 !important;}
.box_lesson .lesson_detail.video .flowplayer a.fp-icon{ width: auto !important;}
.box_lesson .lesson_detail.article{ padding: 0;}
.box_lesson .lesson_detail.article table{ max-width: 100% !important; border: 1px solid #CCC !important; width: 100% !important;}
.box_lesson .lesson_detail.article table th{ padding: 5px; border-color: #CCC; width: auto;}
.box_lesson .lesson_detail.article table td{ padding: 10px 5px; border-color: #CCC; width: auto;}
.box_lesson .lesson_detail.article table td img{ width: auto; max-width: 100%;}
.box_lesson .lesson_detail.article .description{ padding: 10px; border: 1px solid #CCC; text-align: left; font-size: 14px;}
.box_lesson .permission{ padding: 20px; min-height: 300px;}
.box_lesson .permission .info{ text-align: center; padding: 20px; font-size: 20px;}
.box_lesson .permission .action{ text-align: center;}
.box_lesson .permission .action .btn-buy{ color: #FFF; padding: 8px 20px 10px; font-size: 16px; background-color: #b50a20;}
.box_lesson .content_type_tab{ padding: 50px; text-align: center;}
.box_lesson .content_type_tab .my_btn{ background-color: #1095d3; color: #FFF; font-size: 16px; padding: 7px 15px 8px; border-radius: 5px; margin: 0 5px; display: inline-block;}
.box_lesson .content_type_tab .my_btn:hover{ background-color: #333; color: #FFF;}

.lesson_menu{ position: fixed; top: 80px; left: 0; width: 15%; height: calc(100% - 80px); background-color: #FFF; border-right: 1px solid #EEE; overflow: auto;}
.lesson_menu .lesson_menu_content{ padding: 15px;}
.lesson_menu .title{ padding: 0 0 0 20px; height: 60px; line-height: 60px; overflow: hidden; color: #3976ba; font-size: 20px; font-weight: 600; text-transform: uppercase; position: relative; }
.lesson_menu .title.default.active{ background-image: url(../img/icon_lesson_1_2.png);}
.lesson_menu .title.exercise{ background-image: url(../img/icon_lesson_2.png);}
.lesson_menu .title.exercise.active{ background-image: url(../img/icon_lesson_2_2.png);}
.lesson_menu ul{ margin: 0; padding: 15px 11px; list-style: none;}
.lesson_menu ul li{ display: block; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.lesson_menu ul li a{ display: block; height: 30px; font-size: 24px;}
.lesson_menu ul li a .icon{ display: inline-block; float: left; height: 30px; width: 30px; background-color: #CCC; background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.lesson_menu ul li a .icon.pronunciation{ background-image: url("../img/lesson-pronunciation.png");}
.lesson_menu ul li a .icon.word{ background-image: url("../img/lesson-word.png");}
.lesson_menu ul li a .icon.sentence{ background-image: url("../img/lesson-sentence.png");}
.lesson_menu ul li a .icon.dailogue{ background-image: url("../img/lesson-dailogue.png");}
.lesson_menu ul li a .icon.story{ background-image: url("../img/lesson-story.png");}
.lesson_menu ul li a .icon.quiz{ background-image: url("../img/lesson-quiz.png");}
.lesson_menu ul li a .label{ color: #000; float: left; height: 30px; line-height: 30px; padding: 0 10px 0 8px; text-align: left; font-weight: 500;}
.lesson_menu ul li a:hover .label{ color: #3976ba;}
.lesson_menu ul li a.active .label{ color: #3976ba; font-weight: bold;}
.lesson_menu .buy{ margin: 15px; display: block; text-align: center; padding: 10px 0; background-color: #b50a20; color: #FFF; font-size: 16px;}
.lesson_menu .buy:hover{ background-color: #da142d;}
.lesson_menu .footer{ position: absolute; left: 0; bottom: 0; padding: 15px 0; width: 100%;}
.lesson_menu .footer a{ padding-left: 15px; font-size: 11px;}
.lesson_menu .footer a:hover{ color: #FFF;}
.lesson_menu .collapse_unit_item { padding: 0 10px 5px 8px; display: inline-block; font-weight: 500; font-size: 13px; }
.lesson_menu .collapse_unit_item { color: #000; }
.lesson_menu .collapse_unit_item:hover { color: #3976BB; font-weight: 500; }
.lesson_menu .active { color: #3976BB; }

.support-langmaster { position: fixed; bottom: 25px; right: 30px; }

.course_menu{ display: block; position: fixed; top: 0; right: 0; width: 25%; height: 100%; background-color: #FFF; border-left: 1px solid #EEE; overflow: auto; z-index: 9999;}
.course_menu .menu_tab_title{ height: 80px; border-bottom: 1px solid #EEE; margin: 0 15px; display: flex; justify-content: center; align-items: center; }
.course_menu .menu_tab_title a { font-size: 23px; text-transform: uppercase; color: #3976ba; color: #7f7f7f; }

/* .course_menu .menu_tab_title a{ float: left; width: 33.33%; text-align: center; color: #848484; font-weight: 500; font-size: 14px; padding-top: 52px; padding-bottom: 2px; text-transform: uppercase; border-bottom: 5px solid #FFF; background: url(../img/icon_lesson_3.png) no-repeat center 10px; background-size: auto 35px;}
.course_menu .menu_tab_title a.active{ border-bottom: 5px solid #0e7cf4; background-image: url(../img/icon_lesson_3_2.png); }
.course_menu .menu_tab_title a.item_2{ background-image: url(../img/icon_lesson_4.png);}
.course_menu .menu_tab_title a.item_2.active{ background-image: url(../img/icon_lesson_4_2.png); }
.course_menu .menu_tab_title a.item_3{ background-image: url(../img/icon_lesson_5.png);}
.course_menu .menu_tab_title a.item_3.active{ background-image: url(../img/icon_lesson_5_2.png); } */

.course_menu .menu_tab_content{ padding: 15px; display: none;}
.course_menu .menu_tab_content.active{ display: block;}
.course_menu .topic .topic_title{ background-color: #3976bb;}
.course_menu .topic .topic_title .title{ margin: 0; padding: 12px 15px; color: #FFF; font-size: 13px; text-transform: uppercase;}
.course_menu .topic .topic_content{ padding: 10px 0;}
.course_menu .topic .item .title{ margin: 0; padding: 0; font-size: 13px;}
.course_menu .topic .item .title a{ display: block; padding: 8px 15px; color: #000; font-weight: 700;}
.course_menu .topic .item .title a:hover{ color: #3976bb;}
.course_menu .topic .item.active .title a{ color: #3976bb; font-weight: bold;}

.box_ielts{ padding-top: 80px;}
.box_ielts .box_content{ width: 75%;}
.box_ielts .box_content.full{ width: 100%;}
.box_ielts .unit_title{ padding: 0 10px; height: 80px; line-height: 80px; border-bottom: 1px solid #EEE; background: #FFF; color: #0e7cf4; font-weight: 600; font-size: 24px; position: fixed; width: 100%; top: 0; left: 0; z-index: 999;}
.box_ielts .unit_option{ position: fixed; top: 25px; right: 10px; z-index: 9999;}
.box_ielts .unit_option .btn{ padding: 4px 10px 6px;}
.box_ielts .unit_option .btn .glyphicon{ top: 2px; margin-right: 2px;}
.box_ielts .unit_content{ padding: 10px;}
.box_ielts .unit_content_listening{ padding: 0 20px; width: 70%; margin: 0 auto;}
.box_ielts .unit_content_reading{ padding: 20px 20px; margin: 0 auto;}
.box_ielts .unit_content_writing{ padding: 20px 20px; width: 1200px; margin: 0 auto;}
.box_ielts .unit_content_writing .question_content { padding: 0; border: 0; word-wrap: break-word;}
.box_ielts .unit_content_speaking{ padding: 20px 20px; width: 1200px; margin: 0 auto;}
.box_ielts .unit_content_speaking .question_content { padding: 0; border: 0; word-wrap: break-word;}
.box_ielts .unit_control{ padding: 50px 10px; text-align: center;}
.box_ielts .unit_control .btn{ margin: 0 10px; font-size: 16px; padding: 10px 18px 12px; border-radius: 10px; border: 0;}
.box_ielts .unit_control .btn .glyphicon{ top: 3px; margin-right: 4px;}
.box_ielts .unit_section{ padding: 0 0 20px; text-align: center;}
.box_ielts .unit_section .my_btn{ background-color: #CCC; color: #000; display: inline-block; padding: 7px 15px 8px; margin: 0 10px; border-radius: 4px;}
.box_ielts .unit_section .my_btn.active{ background-color: #337ab7; color: #FFF;}
.box_ielts .listening_audio{ padding: 30px 0; text-align: center;}
.box_ielts .question_content{ padding: 20px 0; border-top: 1px solid #EEE;}
.box_ielts .question_content .answer_control .text{ width: 120px; max-width: 100%; display: inline-block; padding: 1px; border: 1px solid #CCC;}
.box_ielts .question_content .answer_control.radio{ display: block;}
.box_ielts .question_content .answer_control.radio label{ display: block; font-weight: normal; padding-left: 30px; position: relative; margin-bottom: 3px;}
.box_ielts .question_content .answer_control.radio label b{ position: absolute; top: 0; left: 0;}
.box_ielts .question_content .answer_control.radio label input{ margin: 0; top: 4px; left: 14px;}
.box_ielts .question_tabs{ display: none;}
.box_ielts .question_tabs.active{ display: block;}
.box_ielts .question_tabs .tabs_title{ padding-bottom: 20px; font-size: 30px; font-weight: 600;}
.box_ielts .question_tabs .listening_item{ padding-bottom: 20px; border-bottom: 1px solid #CCC; margin-bottom: 20px;}
.box_ielts .question_tabs .tabs_left{ width: 50%; float: left;}
.box_ielts .question_tabs .tabs_left .tabs_left_content{ margin-right: 20px; padding-right: 20px;}
.box_ielts .question_tabs .tabs_right{ width: 50%; float: left;}
.box_ielts .question_control{ padding: 0 0 50px; text-align: center; }
.box_ielts .question_control .btn{ padding: 7px 15px 9px;}
.box_ielts .question_submit{ text-align: center; padding-bottom: 100px;}
.box_ielts .question_submit .btn{ padding: 10px 25px 12px;}
.box_ielts .question_submit .btn span{ margin-right: 10px;}
.box_ielts .box_answer{ display: none; position: fixed; top: 38px; right: 0; width: 30%; height: calc(100% - 38px); background-color: #EEE; overflow: auto;}
.box_ielts .box_answer .answer_content{ padding: 10px;}
.box_ielts .box_answer .my_point{ text-align: center; padding: 10px 0 20px; font-size: 20px;}
.box_ielts .box_answer .my_point .point{ font-size: 40px; font-weight: bold;}
.box_ielts .box_answer .my_answer{ text-align: center; padding-bottom: 20px; font-size: 16px;}
.box_ielts .box_answer .my_answer .answer{ font-weight: bold;}
.box_ielts .box_answer .again{ text-align: center; padding-bottom: 20px;}
.box_ielts .box_answer .again .btn{ padding-bottom: 8px;}
.box_ielts .box_answer .again .btn span{ margin-right: 5px;}
.box_ielts .box_answer .table_answer .table_title{ text-transform: uppercase; font-size: 20px; padding-bottom: 5px;}
.box_ielts .box_answer .table_answer .table_content{ border: 1px solid #CCC; border-top: 0;}
.box_ielts .box_answer .table_answer .table_content .item{ border-top: 1px solid #CCC; padding: 5px;}
.box_ielts .box_answer .table_answer .table_content .item .enter{ color: #007ec9;}
.box_ielts .box_confirm{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFF; z-index: 99999;}
.box_ielts .box_confirm .box_title{ font-size: 22px; text-align: center; padding: 100px 0 20px;}
.box_ielts .box_confirm .box_control{ text-align: center;}
.box_ielts .box_confirm .box_control .btn{ padding: 10px 25px 12px; min-width: 300px; margin-bottom: 10px;}
.box_ielts .box_confirm .box_control .btn span{ margin-right: 10px;}
.box_ielts.answer_listening .unit_content_listening{ margin: 0; width: 70%;}
.box_ielts.answer_listening .box_answer{ display: block;}
.box_ielts.answer_reading .unit_content_reading{ margin: 0; width: 80%;}
.box_ielts.answer_reading .box_answer{ display: block; width: 20%;}

/* Kết thúc */
.box_menu { background: #424e53; color: #FFF; padding: 0; width: 100%; display: none;}
.box_menu ul{ margin: 0; padding: 0; list-style: none;}
.box_menu ul li a{ color: #FFF; display: inline-block; padding: 7px 0;}
.box_menu ul li a:hover{ color: #CCC;}
.box_menu ul li a i{ min-width: 20px; text-align: center;}
/* .box_menu.show{ display: block;}
.box_menu.show li{list-style: none;} */

.box_activeCode{ padding: 50px 0;}
.box_activeCode .box_title{ font-size: 30px; font-weight: 600; text-align: center; color: #666;}
.box_activeCode .box_description{ font-size: 18px; text-align: center; color: #666; padding: 10px 0;}
.box_activeCode .box_content{ padding: 30px 0; text-align: center; max-width: 800px; margin: 0 auto;}
.box_activeCode .box_content .form-group{ margin-bottom: 40px;}
.box_activeCode .box_content .form-input{ width: 100%; border: 0; background-color: #FFF; font-size: 25px; height: 100%; line-height: 100%; padding: 5px; font-weight: 300; text-align: center; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important;}
.box_activeCode .box_content .form-input:FOCUS{ outline: none;}
.box_activeCode .box_content .btn{ font-size: 20px; padding: 12px 30px 15px; height: 100%; line-height: 100%; background-color: #db1f1f; color: #FFF; font-weight: 600; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important;}
.box_activeCode .box_content .btn:hover{ background-color: #880505;}
.box_activeCode .box_note{ text-align: center; font-size: 14px; color: #555; font-style: italic;}
.box_activeCode .text-error{ text-align: center; font-size: 16px; color: #FF0000; padding-top: 10px;}
.box_activeCode .text-success{ text-align: center; font-size: 20px; color: #008a02; padding-top: 10px;}

.box_footer{ background: #440c0c; color: #fff; padding: 60px 0px 40px;}
.box_footer .box_title{ font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; padding-top: 15px;}
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .item{ margin-bottom: 10px; overflow: hidden; padding-right: 10px;}
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .logo{padding-bottom: 30px;}
.box_footer .text{font-size: 14px; line-height: 23px; padding-bottom: 20px;}
.box_footer .box_content .menu-footer{color: #fff; display: inline-block;}
.box_footer .box_content .menu-footer>ul{padding: 0; padding-bottom: 25px; padding-top: 15px;}
.box_footer .box_content .menu-footer>ul>li{list-style: none; float: left; padding-right: 25px;}
.box_footer .box_content .menu-footer>ul>li>a{text-decoration: none; color: #fff;}
.box_footer .box_content .address{font-size: 13px; line-height: 30px;}
.box_footer .box_content .hotline{font-size: 13px; line-height: 30px;}
.box_footer .box_content .form-control{border-radius: 0; height: 40px; }
.box_footer .box_content .input-group-addon{border-radius: 0; background: #db1f1f; border: 0;}
.box_footer .box_content .input-group-addon:hover{transition: color 0.7s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: #0e0e1a;}
.box_footer .box_content .fa{color: #fff;}
.box_footer .box_content .alert{border-radius:0;}

.box_copyright{ padding: 15px 0; background-color: #2F2F2F; color: #898989;}
.box_copyright p{ margin: 0;}

.box_breadcrumb { padding-bottom: 30px;}
.box_breadcrumb h1 { color: #555; font-size: 24px; line-height: 35px; margin-left: -5px; margin-top: 10px; }
.box_breadcrumb ul { background: none; margin-bottom: 0; position: relative; }
.box_breadcrumb li a { color: #000; }
.box_breadcrumb li img { vertical-align: top; margin-top: 1px;}
.box_breadcrumb ul.breadcrumb { padding-left: 0; padding-right: 0; }
.box_breadcrumb ul.breadcrumb>li+li{ background: url("../img/icon_2.png") no-repeat 12px center; padding-left: 30px;}
.box_breadcrumb ul.breadcrumb>li+li:BEFORE{ content: ""; padding: 0;}

.box_pagination{ text-align: right; margin-top: 20px;}
.box_pagination a{ display: inline-block; padding: 3px 10px; border: 1px solid #EEE; color: #333;}
.box_pagination a:hover{ text-decoration: none; background-color: #EEE;}
.box_pagination a.active{ background-color: #444; border: 1px solid #444; color: #FFF;}
.box_pagination a.disabled{ color: #CCC; cursor: default;}

.box_notice{ min-height: 500px;}

.slide_bxslider .bxslider{ margin: 0; padding: 0; list-style: none;}
.slide_bxslider .bxslider img{ width: 100%;}
.slide_bxslider .bx-pager{ display: block; position: absolute; bottom: 50px; left: 0; width: 100%; margin: 0; padding: 0; text-align: center; z-index: 999;}
.slide_bxslider .bx-wrapper { position: relative;}
.slide_bxslider .bx-wrapper .bx-pager.bx-default-pager a{ width: 15px; height: 15px; background: #FFF; display: inline-block; text-indent: -99999px; margin: 0 5px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important;}
.slide_bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .slide_bxslider .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #1095d3;}
.slide_bxslider .bx-pager-item{ display: inline-block;}
.slide_bxslider .bx-controls-direction a{ position: absolute; top: 50%; display: inline-block; width: 30px; height: 50px; margin-top: -25px; background: url("../img/icon_next.png") no-repeat center center; text-indent: -99999px; overflow: hidden;}
.slide_bxslider .bx-controls-direction a.bx-prev{ left: 10px; background-image: url("../img/icon_prev.png");}
.slide_bxslider .bx-controls-direction a.bx-next{ right: 10px;}

.play_video{ cursor: pointer; position: relative;}
.play_video .content{ display: block; position: relative;}
.play_video .content:AFTER{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/icon_play_60.png") no-repeat center center; z-index: 1;}
.play_video img{ width: 100%;}

/* Audio */
.audiojs audio { position: absolute; left: -1px; }
.audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc)); background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play-pause p { background: url("../img/audiojs.png") no-repeat;}
.audiojs .wrapper { background: none; min-height: auto;}
.audiojs.playing .play, .audiojs.playing .loading, .audiojs.playing .error { display: none; }
.audiojs.playing .pause { display: block; }
.audiojs.loading .play, .audiojs.loading .pause, .audiojs.loading .error { display: none; }
.audiojs.loading .loading { display: none; }
.audiojs.error .time, .audiojs.error .play, .audiojs.error .pause, .audiojs.error .scrubber, .audiojs.error .loading { display: none; }
.audiojs.error .error { display: block; }
.audiojs.error .play-pause p { cursor: auto; }
.audiojs.error .error-message { display: block; }

.audiojs.default { height: 60px; margin: 0; width: auto; display: inline-block; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.audiojs.default .play-pause{ padding: 0; width: 60px; height: 60px; text-align: center; border: 0; background: #0188cc; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important;}
.audiojs.default .play-pause p{ width: 60px; height: 60px;}
.audiojs.default .play-pause .play{ background-position: 5px 5px;}
.audiojs.default .play-pause .pause{ background-position: 5px -45px;}
.audiojs.default .play-pause .loading{ background-position: 5px 5px;}
.audiojs.default .play-pause .error{ background-position: 5px 5px;}
.audiojs.default .scrubber{ display: none !important;}
.audiojs.default .time{ display: none !important;}
.audiojs.default .error-message{ display: none !important;}

.audiojs.icon { height: 28px; margin: 0; width: auto; display: inline-block; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.audiojs.icon .play-pause{ padding: 0; width: 28px; height: 28px; text-align: center; border: 0; background: none;}
.audiojs.icon .play-pause p{ width: 28px; height: 28px; background: url("../img/audiojs-icon.png") no-repeat;}
.audiojs.icon .play-pause .play{ background-position: 0 0;}
.audiojs.icon .play-pause .pause{ background-position: 0 -28px;}
.audiojs.icon .play-pause .loading{ background-position: 0 0;}
.audiojs.icon .play-pause .error{ background-position: 0 0;}
.audiojs.icon .scrubber{ display: none !important;}
.audiojs.icon .time{ display: none !important;}
.audiojs.icon .error-message{ display: none !important;}

.audiojs.icon-small { height: 20px; margin: 0; width: auto; display: inline-block; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.audiojs.icon-small .play-pause{ padding: 0; width: 20px; height: 20px; text-align: center; border: 0; background: none;}
.audiojs.icon-small .play-pause p{ width: 20px; height: 20px; background: url("../img/audiojs-icon-small.png") no-repeat;}
.audiojs.icon-small .play-pause .play{ background-position: 0 0;}
.audiojs.icon-small .play-pause .pause{ background-position: 0 -20px;}
.audiojs.icon-small .play-pause .loading{ background-position: 0 0;}
.audiojs.icon-small .play-pause .error{ background-position: 0 0;}
.audiojs.icon-small .scrubber{ display: none !important;}
.audiojs.icon-small .time{ display: none !important;}
.audiojs.icon-small .error-message{ display: none !important;}
.audiojs.icon-small .wrapper{min-height: auto; background: none;}

.audiojs.long { height: 28px; margin: 0; width: auto; display: inline-block; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.audiojs.long .play-pause{ padding: 0; width: 28px; height: 28px; text-align: center; border: 0; background: #CCC; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.audiojs.long .play-pause p{ width: 28px; height: 28px; background: url("../img/audiojs-blue.png") no-repeat -4px -76px;}
.audiojs.long .play-pause .play{ background-position: -2px -3px;}
.audiojs.long .play-pause .pause{ background-position: -3px -39px;}
.audiojs.long .play-pause .loading{ background-position: 0 -70px;}
.audiojs.long .play-pause .error{ background-position: -4px -76px;}
.audiojs.long .wrapper{ min-height: auto; margin: 6px 10px 5px; padding: 0 6px; float: left; height: 17px; width: 350px; background: #CCC; border: 0; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.audiojs.long .scrubber{ margin: 0; width: 100%; height: 3px; top: 7px; background: #BBB; border: 0;}
.audiojs.long .scrubber .progress{ height: 3px; background-image: none; background: #1094d4;}
.audiojs.long .scrubber .loaded{ height: 3px; background: #999;}
.audiojs.long .time{ display: none !important;}
.audiojs.long .error-message{ display: none !important;}

.x_audio{ height: 40px; width: 500px; max-width: 100%; background-color: #444; display: table; margin: 0 auto; overflow: hidden; border-radius: 3px;}
.x_audio .control{ width: 40px; display: table-cell; background-color: #333; color: #FFF; position: relative; vertical-align: middle; text-align: center;}
.x_audio .control div{ display: none; height: 40px; width: 40px; vertical-align: middle; text-align: center; cursor: pointer;}
.x_audio .control div:BEFORE{ content: "\e072"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400;}
.x_audio .control .loading:BEFORE{ content: "\e031";}
.x_audio .control .play:BEFORE{ content: "\e072";}
.x_audio .control .pause:BEFORE{ content: "\e073";}
.x_audio .control .hide{ display: none;}
.x_audio .control .active{ display: table-cell;}
.x_audio .scrubbar{ width: calc(100% - 140px); display: table-cell; padding: 0 15px;}
.x_audio .scrubbar .loaded{ width: 100%; height: 10px; background-color: #555; margin-top: 15px; position: relative;}
.x_audio .scrubbar .current{ position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #607d8b;}
.x_audio .time{ width: 100px; display: table-cell; border-left: 1px solid #555; vertical-align: middle; text-align: center; color: #FFF;}

.x_audio.audio_small{ display: inline-block; width: 22px; height: 22px; vertical-align: middle; border-radius: 50%;}
.x_audio.audio_small .scrubbar{ display: none;}
.x_audio.audio_small .time{ display: none;}
.x_audio.audio_small .control{ width: 22px; font-size: 11px;}
.x_audio.audio_small .control div{ width: 22px; height: 22px;}

/* Exercise */
.exercise-1{ padding: 0;}
.exercise-1 .lesson_detail_box{ border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 10px !important;}
.exercise-1 .item_audio{ text-align: center;}
.exercise-1 .item_description{ text-align: center; font-size: 20px; padding: 0 0 50px; color: #555;}
.exercise-1 .item_answer{ text-align: center;}
.exercise-1 .item_answer .item{ display: inline-block;}
.exercise-1 .item_answer .btn{ margin: 0 15px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: 600; padding: 0 8px 2px; min-height: 28px; line-height: 28px; min-width: 100px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-1 .item_answer .btn.active{ cursor: default;}
.exercise-1 .item_answer .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; cursor: default; padding-left: 50px; text-align: left;}
.exercise-1 .item_answer .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; cursor: default; padding-left: 50px; text-align: left;}
.exercise-1 .item_answer .result{ display: block; height: 30px; margin-top: 10px;}
.exercise-1 .item_answer .result.true{ background: url("../img/true.png") no-repeat center center;}
.exercise-1 .item_answer .result.false{ background: url("../img/false.png") no-repeat center center;}

.exercise-2{ padding: 30px 30px 0;}
.exercise-2 .item_title{ text-align: center; font-size: 30px; padding-bottom: 30px; color: #333; font-weight: 600;}
.exercise-2 .item_table{ padding: 20px 50px;}
.exercise-2 .item_table table{ width: 100%; border: 1px solid #EEE;}
.exercise-2 .item_table th{ text-align: left; padding: 5px 10px; font-size: 20px; border: 1px solid #EEE;}
.exercise-2 .item_table td{ text-align: left; padding: 5px 10px; font-size: 20px; border: 1px solid #EEE; vertical-align: top;}
.exercise-2 .item_table td .audiojs{ float: left; margin-right: 15px; margin-top: 5px;}
.exercise-2 .item_table td .text{ font-size: 20px; font-weight: 600; float: left;}
.exercise-2 .item_table td .btn{ margin: 0; background-color: #EEE; color: #111; font-size: 14px; font-weight: normal; padding: 0 5px 1px; min-height: 26px; line-height: 26px; min-width: 50px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-2 .item_table td .btn.active{ cursor: default;}
.exercise-2 .item_table td .btn.true{ background: #39b54a; cursor: default; color: #FFF;}
.exercise-2 .item_table td .btn.false{ background: #ee6253; cursor: default; color: #FFF;}
.exercise-2 .item_table td.item_answer{ width: 100px;}

.exercise-3{ padding: 20px 20px 0; text-align: center;}
.exercise-3 .item_description{ text-align: center; padding-bottom: 40px; color: #41494d; font-size: 20px;}
.exercise-3 .item_title{ text-align: center; padding-bottom: 40px; color: #41494d; font-size: 22px; font-weight: 600;}
.exercise-3 .item_title .title{ display: inline-block; margin-right: 10px;}
.exercise-3 .item_audio{ text-align: center; margin-bottom: 30px;}
.exercise-3 .item_word{ font-size: 20px; padding: 0; display: inline-block; cursor: pointer; }
.exercise-3 .item_word img{ border: 10px solid #efefef; margin: 15px; height: 150px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-3 .item_word.default{ cursor: default;}
.exercise-3 .item_word.active img{ border-color: #0088cc;}
.exercise-3 .item_word.false img{ border-color: #ee6253;}
.exercise-3 .item_word.true img{ border-color: #39b54a;}
.exercise-3 .item_controls{ text-align: center; padding-top: 50px;}
.exercise-3 .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: normal; padding: 0 8px 2px; min-height: 38px; line-height: 38px; min-width: 120px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-3 .item_controls .btn.active{ background-color: #666; cursor: default;}
.exercise-3 .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; cursor: default; padding-left: 50px; text-align: left;}
.exercise-3 .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; cursor: default; padding-left: 50px; text-align: left;}
.exercise-3 .item_controls .skip { background-color: #EEE; color: #111;}

.exercise-4{ padding: 20px 50px 0;}
.exercise-4 .item_title{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 18px; font-weight: 600;}
.exercise-4 .item_description{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 24px; font-weight: 600;}
.exercise-4 .item_audio{ text-align: center; margin-bottom: 30px;}
.exercise-4 .item_image{ text-align: center; margin-bottom: 30px;}
.exercise-4 .item_image img{ max-height: 200px;}
.exercise-4 .item_word{ position: relative; max-width: 600px; margin: 0 auto; font-size: 20px; padding: 8px 50px 9px; border: 1px solid #CCC; margin-bottom: 30px; cursor: pointer; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-4 .item_word div.audiojs{ position: absolute; top: 13px; left: 13px;}
.exercise-4 .item_word.active{ background-color: #CCC; color: #000;}
.exercise-4 .item_word.default{ }
.exercise-4 .item_word.false{ border-color: #ee6253; color: #FFF; background: #ee6253; /* background: url("../img/false.png") no-repeat 15px center #ee6253; */}
.exercise-4 .item_word.true{ border-color: #39b54a; color: #FFF; background: #39b54a; /* background: url("../img/true.png") no-repeat 10px center #39b54a; */}
.exercise-4 .item_controls{ text-align: center; padding-top: 50px;}
.exercise-4 .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: normal; padding: 0 8px 2px; min-height: 38px; line-height: 38px; min-width: 120px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
/* .exercise-4 .item_controls .btn.active{ cursor: default;}
.exercise-4 .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; padding-left: 50px; text-align: left;}
.exercise-4 .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; padding-left: 50px; text-align: left;} */
.exercise-4 .item_controls .btn.skip { background-color: #EEE; color: #111;}
.exercise-4.multi_choice .item_word:BEFORE{content: "\f10c"; font-family: "FontAwesome"; position: absolute; top: 9px; left: 18px; font-size: 20px; font-weight: normal; color: #CCC;}
.exercise-4.multi_choice .item_word.active:BEFORE{content: "\f192"; color: #FFF;}
.exercise-4.multi_response .item_word:BEFORE{content: "\f096"; font-family: "FontAwesome"; position: absolute; top: 9px; left: 18px; font-size: 20px; font-weight: normal; color: #CCC;}
.exercise-4.multi_response .item_word.active:BEFORE{content: "\f046"; color: #FFF;}

.exercise-5{ padding: 0;}
.exercise-5 .lesson_detail_box{ border-bottom: 1px solid #EEE; padding-bottom: 20px; margin-bottom: 20px !important;}
.exercise-5 .item_title{ text-align: center; padding-bottom: 60px; color: #41494d; font-size: 30px; font-weight: 600;}
.exercise-5 .item_word{ text-align: right;}
.exercise-5 .item_word .word{ color: #41494d; font-size: 30px;}
.exercise-5 .item_answer textarea{ width: 100%; height: 50px; padding: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-5 .item_answer textarea:FOCUS{ outline: none;}
.exercise-5 .item_answer textarea.true{ border-color: #39b54a;}
.exercise-5 .item_answer textarea.false{ border-color: #ee6253;}
.exercise-5 .text_answer{ display: none; padding: 4px 10px 5px; background-color: #dff0d8; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-5 .item_controls{ text-align: center; padding-top: 10px;}
.exercise-5 .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 16px; font-weight: normal; padding: 0 8px 2px; min-height: 30px; line-height: 30px; min-width: 120px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-5 .item_controls .btn.active{ cursor: default;}
.exercise-5 .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; padding-left: 50px; text-align: left;}
.exercise-5 .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; padding-left: 50px; text-align: left;}
.exercise-5 .item_controls .btn.skip { background-color: #EEE; color: #111;}

.exercise-6{ padding: 20px 0 0;}
.exercise-6 .item_title{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 30px; font-weight: 600;}
.exercise-6 .item_suggestion{ text-align: center; padding: 10px; margin-bottom: 30px; min-width: 300px; border: 1px solid #CCC;}
.exercise-6 .item_suggestion span{ display: inline-block; padding: 2px 10px; font-size: 14px; margin: 0 5px; background-color: #f6f6f6; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-6 .item_audio{ text-align: center; margin-bottom: 30px;}
.exercise-6 .item_image{ text-align: center; margin-bottom: 30px;}
.exercise-6 .item_image img{ max-width: 100%;}
.exercise-6 .item_content{ font-size: 18px; padding: 10px 0;}
.exercise-6 .item_content p{ margin: 0 0 15px;}
.exercise-6 .item_content p img{ margin: 5px 0;}
.exercise-6 .item_content table{ border-color: #CCC; max-width: 100% !important;}
.exercise-6 .item_content table[border="1"]{ border: 1px solid #CCC;}
.exercise-6 .item_content table td{ padding: 5px; border-color: #CCC;}
.exercise-6 .item_content .input-text .answer{ font-size: 14px; color: #0088cc;}
.exercise-6 .item_content .form-control{ width: 120px; max-width: 100% !important; display: inline-block; padding: 1px; height: auto; border: 0; border: 1px solid #CCC; color: #0088cc; webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.exercise-6 .item_content .form-control.false{ border-color: #ee6253; background: url("../img/false.png") no-repeat right center;}
.exercise-6 .item_content .form-control.true{ border-color: #39b54a; background: url("../img/true.png") no-repeat right center;}
.exercise-6 .item_controls{ text-align: center; padding-top: 50px;}
.exercise-6 .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: normal; padding: 0 8px 2px; min-height: 38px; line-height: 38px; min-width: 120px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-6 .item_controls .btn.active{ cursor: default;}
.exercise-6 .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; padding-left: 50px; text-align: left;}
.exercise-6 .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; padding-left: 50px; text-align: left;}
.exercise-6 .item_controls .btn.skip { background-color: #EEE; color: #111;}

.exercise-7{ padding: 0;}
.exercise-7 .lesson_detail_box{ border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 10px !important;}
.exercise-7 .item_audio{ text-align: center;}
.exercise-7 .item_description{ text-align: center; font-size: 20px; padding: 0 0 50px; color: #555;}
.exercise-7 .item_answer{ text-align: center;}
.exercise-7 .item_answer .item{ display: inline-block;}
.exercise-7 .item_answer .btn{ margin: 0 15px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: 600; padding: 0 8px 2px; min-height: 28px; line-height: 28px; min-width: 100px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-7 .item_answer .btn.active{ cursor: default;}
.exercise-7 .item_answer .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; cursor: default; padding-left: 50px; text-align: left;}
.exercise-7 .item_answer .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; cursor: default; padding-left: 50px; text-align: left;}
.exercise-7 .item_answer .result{ display: block; height: 30px; margin-top: 10px;}
.exercise-7 .item_answer .result.true{ background: url("../img/true.png") no-repeat center center;}
.exercise-7 .item_answer .result.false{ background: url("../img/false.png") no-repeat center center;}

.exercise-8{ padding: 20px 50px 0;}
.exercise-8 .item_title{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 18px; font-weight: 600;}
.exercise-8 .item_description{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 24px; font-weight: 600;}
.exercise-8 .item_audio{ text-align: center; margin-bottom: 30px;}
.exercise-8 .item_image{ text-align: center; margin-bottom: 30px;}
.exercise-8 .item_image img{ max-height: 200px;}
.exercise-8 .option{ margin-bottom: 30px;}
.exercise-8 .option .option_title{ text-align: center; padding-bottom: 15px; color: #41494d; font-size: 18px; font-weight: 500;}
.exercise-8 .item_word{ position: relative; max-width: 600px; margin: 0 auto; font-size: 16px; padding: 6px 30px 7px 40px; border: 1px solid #CCC; margin-bottom: 8px; cursor: pointer; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.exercise-8 .item_word div.audiojs{ position: absolute; top: 13px; left: 13px;}
.exercise-8 .item_word.active{ background-color: #CCC; color: #000;}
.exercise-8 .item_word.default{ }
.exercise-8 .item_word.false{ border-color: #ee6253; color: #FFF; background: url("../img/false.png") no-repeat 10px center #ee6253;}
.exercise-8 .item_word.true{ border-color: #39b54a; color: #FFF; background: url("../img/true.png") no-repeat 8px center #39b54a;}
.exercise-8 .item_controls{ text-align: center; padding-top: 20px;}
.exercise-8 .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: normal; padding: 0 8px 2px; min-height: 38px; line-height: 38px; min-width: 120px; text-align: center; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.exercise-8 .item_controls .btn.active{ cursor: default;}
.exercise-8 .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; padding-left: 50px; text-align: left;}
.exercise-8 .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; padding-left: 50px; text-align: left;}
.exercise-8 .item_controls .btn.skip { background-color: #EEE; color: #111;}

.ielts{ padding: 20px 0 0;}
.ielts .item_title{ text-align: center; padding-bottom: 30px; color: #41494d; font-size: 30px; font-weight: 600;}
.ielts .item_suggestion{ text-align: center; padding: 10px; margin-bottom: 30px; min-width: 300px; border: 1px solid #CCC;}
.ielts .item_suggestion span{ display: inline-block; padding: 2px 10px; font-size: 14px; margin: 0 5px; background-color: #f6f6f6; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.ielts .item_audio{ text-align: center; margin-bottom: 30px;}
.ielts .item_image{ text-align: center; margin-bottom: 30px;}
.ielts .item_image img{ max-width: 100%;}
.ielts .item_content{ font-size: 18px; padding: 10px 0;}
.ielts .item_content p{ margin: 0 0 15px;}
.ielts .item_content p img{ margin: 5px 0;}
.ielts .item_content table{ border-color: #CCC; max-width: 100% !important;}
.ielts .item_content table[border="1"]{ border: 1px solid #CCC;}
.ielts .item_content table td{ padding: 5px; border-color: #CCC;}
.ielts .item_content .input-text .answer{ font-size: 14px; color: #0088cc;}
.ielts .item_content .form-control{ width: 120px; max-width: 100% !important; display: inline-block; padding: 1px; height: auto; border: 0; border: 1px solid #CCC; color: #0088cc; webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.ielts .item_content .form-control.false{ border-color: #ee6253; background: url("../img/false.png") no-repeat right center;}
.ielts .item_content .form-control.true{ border-color: #39b54a; background: url("../img/true.png") no-repeat right center;}
.ielts .item_controls{ text-align: center; padding-top: 50px;}
.ielts .item_controls .btn{ margin: 0 10px; background-color: #cce3fc; color: #111; font-size: 18px; font-weight: normal; padding: 0 8px 2px; min-height: 38px; line-height: 38px; min-width: 120px; text-align: center; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.ielts .item_controls .btn.active{ cursor: default;}
.ielts .item_controls .btn.true{ background: url("../img/true.png") no-repeat 10px center #39b54a; cursor: default; padding-left: 50px; text-align: left;}
.ielts .item_controls .btn.false{ background: url("../img/false.png") no-repeat 15px center #ee6253; cursor: default; padding-left: 50px; text-align: left;}
.ielts .item_controls .btn.skip { background-color: #EEE; color: #111;}

/* Khảo sát  */
.box_contentSurvey .part{ margin-bottom: 15px; }
.box_contentSurvey .part_title span{ color: red; }
.box_contentSurvey .error .part_title{ color: red; }
.box_contentSurvey .part_title{ font-size: 16px; margin-bottom: 8px; font-weight: bold;}
.box_contentSurvey label{ font-weight: normal; display: block;}
.box_contentSurvey table td,.box_contentSurvey table th{text-align: center;}
.box_contentSurvey table tbody tr td:FIRST-CHILD{ text-align: left;}

/* Public */
.bg-cover { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
.control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; }

.modal .modal-body table{ width: 100%; border: 1px solid #CCC !important;}
.modal .modal-body table th{ padding: 5px; border-color: #CCC;}
.modal .modal-body table td{ padding: 10px 5px; border-color: #CCC;}

.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }
.loader_page{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.6);}

.page-loading { position: fixed; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.content-loading { position: absolute; top: 0; left: 0; z-index: 99999999; width: 100%; height: 100%; color: #fff; text-align: center;}
.loader { position: absolute; top: 50%; left: 50%; margin: -4px 0 0 0; font-size: 10px; width: 8px; height: 8px; border-radius: 50% !important; text-indent: -9999em; -webkit-animation: load 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0.8; }

.alert-basic{ padding: 10px;}
.modal-backdrop.fade.in{background: #333 !important;}

/* Layout */
.fancybox-container{ width: 800px;} 

/* Defined */
@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

@-webkit-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #EFEFEF, 2em -2em 0 0em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 12.5% { box-shadow: 0 -3em 0 0 #EFEFEF, 2em -2em 0 0.2em #EFEFEF, 3em 0 0 0 #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 25% { box-shadow: 0 -3em 0 -0.5em #EFEFEF, 2em -2em 0 0 #EFEFEF, 3em 0 0 0.2em #EFEFEF, 2em 2em 0 0 #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 37.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 0 #EFEFEF, 2em 2em 0 0.2em #EFEFEF, 0 3em 0 0em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 50% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 0em #EFEFEF, 0 3em 0 0.2em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 62.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 0 #EFEFEF, -2em 2em 0 0.2em #EFEFEF, -3em 0 0 0 #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 75% { box-shadow: 0em -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0.2em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 87.5% { box-shadow: 0em -3em 0 0 #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0 #EFEFEF, -2em -2em 0 0.2em #EFEFEF; } }
@-moz-keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #EFEFEF, 2em -2em 0 0em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 12.5% { box-shadow: 0 -3em 0 0 #EFEFEF, 2em -2em 0 0.2em #EFEFEF, 3em 0 0 0 #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 25% { box-shadow: 0 -3em 0 -0.5em #EFEFEF, 2em -2em 0 0 #EFEFEF, 3em 0 0 0.2em #EFEFEF, 2em 2em 0 0 #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 37.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 0 #EFEFEF, 2em 2em 0 0.2em #EFEFEF, 0 3em 0 0em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 50% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 0em #EFEFEF, 0 3em 0 0.2em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 62.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 0 #EFEFEF, -2em 2em 0 0.2em #EFEFEF, -3em 0 0 0 #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 75% { box-shadow: 0em -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0.2em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 87.5% { box-shadow: 0em -3em 0 0 #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0 #EFEFEF, -2em -2em 0 0.2em #EFEFEF; } }
@keyframes load { 0%, 100% { box-shadow: 0 -3em 0 0.2em #EFEFEF, 2em -2em 0 0em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 12.5% { box-shadow: 0 -3em 0 0 #EFEFEF, 2em -2em 0 0.2em #EFEFEF, 3em 0 0 0 #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 25% { box-shadow: 0 -3em 0 -0.5em #EFEFEF, 2em -2em 0 0 #EFEFEF, 3em 0 0 0.2em #EFEFEF, 2em 2em 0 0 #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 37.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 0 #EFEFEF, 2em 2em 0 0.2em #EFEFEF, 0 3em 0 0em #EFEFEF, -2em 2em 0 -1em #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 50% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 0em #EFEFEF, 0 3em 0 0.2em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 -1em #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 62.5% { box-shadow: 0 -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 0 #EFEFEF, -2em 2em 0 0.2em #EFEFEF, -3em 0 0 0 #EFEFEF, -2em -2em 0 -1em #EFEFEF; } 75% { box-shadow: 0em -3em 0 -1em #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0em 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0.2em #EFEFEF, -2em -2em 0 0 #EFEFEF; } 87.5% { box-shadow: 0em -3em 0 0 #EFEFEF, 2em -2em 0 -1em #EFEFEF, 3em 0 0 -1em #EFEFEF, 2em 2em 0 -1em #EFEFEF, 0 3em 0 -1em #EFEFEF, -2em 2em 0 0 #EFEFEF, -3em 0em 0 0 #EFEFEF, -2em -2em 0 0.2em #EFEFEF; } }

/*Responsive*/
@media all and (max-width: 1366px){
	.lesson_menu .title.baigiang{ font-size: 16px; height: 40px; line-height: 40px; background-size: auto 40px; padding-left: 50px; } 
	.lesson_menu ul{ padding: 15px 0; }
	.lesson_menu ul li{ margin-bottom: 5px; }
	.lesson_menu ul li a{ font-size: 16px; }
}

@media all and (min-width: 992px){
	.col-md-25{ width: 20%;}
	
	.page_course .col-md-2:nth-child(7),
	.page_course .col-md-2:nth-child(13),
	.page_course .col-md-2:nth-child(19),
	.page_course .col-md-2:nth-child(25),
	.page_course .col-md-2:nth-child(31),
	.page_course .col-md-2:nth-child(37),
	.page_course .col-md-2:nth-child(43),
	.page_course .col-md-2:nth-child(49):after{ clear: both; content: ""; display: block;}
	
	.gridCourse .col-sm-3:nth-child(5),
	.gridCourse .col-sm-3:nth-child(9),
	.gridCourse .col-sm-3:nth-child(13):after{ clear: both; content: ""; display: block;}

	.gridCourse .col-md-25:nth-child(6),
	.gridCourse .col-md-25:nth-child(11),
	.gridCourse .col-md-25:nth-child(16),
	.gridCourse .col-md-25:nth-child(21):after{ clear: both; content: ""; display: block;}
	
	.box_expert .expert .container{ padding: 30px 0 30px 30px; }
	.box_expert .container .content .name{ font-size: 25px; margin-bottom: 20px;}
	.box_expert .container .content{ width: 80%; }
	.box_expert .container .content .science_highlight{ margin-top: 30px; }
	.box_expert .container .content .desc{ font-size: 17px; margin-bottom: 15px;}
}

@media all and (max-width: 992px){
	.box_header .user>ul>li.dropdown>.dropdown-menu{ position: absolute; z-index: 9999; background-color: #FFF;}

	.box_menu .navbar-header{ margin: 0; float: left;}
	.box_menu .navbar-collapse{ display: block; margin: 0;}
	
	.box_expert .slick-initialized .slick-slide{ max-width: 800px !important; }
	.box_expert .expert .container{ padding: 20px 25px 20px 20px; }
	.box_expert .container .content{ width: 100%; }
	.box_expert .container .content .name{ font-size: 20px; margin-bottom: 15px; }
	.box_expert .container .content .desc{ font-size: 15px; margin-bottom: 15px;}
	.box_expert .container .content .number{ font-size: 17px; }
	.box_expert .container .content .science_highlight{ margin-top: 10px; }
	.box_expert .container .content .science_highlight .title{ font-size: 17px; margin-bottom: 10px; }
	.box_expert .container .content .science_highlight .item img{ width: 80px; }
	.box_expert .container .content .science_highlight .item span{ width: 200px; }
	.box_expert .container .content .science_highlight .item{ width: 285px;}
	
	.box_benefit .item{ padding: 0; }
	.box_benefit .item .desc .title span{ display: inline; }
	
	.box_slideStudent{ padding: 80px 0; }
	.box_slideStudent .slider{ width: 50%; }
	.box_slideStudent .befor{ width: 70%; }
	
	.box_register .box_form{ padding: 0 0 0 20px;}
	.box_register .box_form .box_title .title{ font-size: 25px; margin: 0 0 20px; padding-bottom: 20px;}
	.box_register .box_form .box_title .title:BEFORE{ width: 200px; left: -20px;}
	.box_register .box_form .form-group .form-control{ height: 40px; }
	.box_register .box_form .form-group{ margin-bottom: 10px; }
	.box_register .box_form .inputGui .btn-blue{ padding: 8px 24px;}
}

@media all and (max-width: 768px){
	.gridCourse .col-xs-6:nth-child(3),
	.gridCourse .col-xs-6:nth-child(5),
	.gridCourse .col-xs-6:nth-child(7),
	.gridCourse .col-xs-6:nth-child(9),
	.gridCourse .col-xs-6:nth-child(11),
	.gridCourse .col-xs-6:nth-child(13),
	.gridCourse .col-xs-6:nth-child(15),
	.gridCourse .col-xs-6:nth-child(17):after{ clear: both; content: ""; display: block;}
	
	.box_top{ height: auto;}
	.box_top .hotline a{ color: #FFF;}
	.box_top .user{ float: right;}
	.box_top .user ul{ float: left;}
	.box_top .user ul>li{ float: left;}
	.box_top .user ul>li>a{ float: none;}
	.box_top .user ul>li:FIRST-CHILD>a{ border-left: 1px solid #e1e1e1;}
	.box_top .social{ display: none;}

	.box_header{ padding: 10px 0;}
	.box_header .logo img{ max-width: 100%;}

	.box_benefit .item{ padding: 0; margin-bottom: 20px; }
	
	.box_register{ padding: 50px 0; }
	.box_register .image img{ display: none; }
	.box_register .box_form .form-group{ margin-bottom: 20px; }
	
	.box_intro .item{ display: block; margin-bottom: 20px;}
	
	.box_footer .item .image img{ width: 100%; }
	
	.box_lesson .box_title{ height: auto; line-height: normal; padding: 15px; font-size: 20px;} 
	.box_lesson .box_content{ position: relative; width: 100%; height: auto; top: 0; left: 0;}
	.box_lesson .box_content .note{ padding: 5px 15px; }
	.box_lesson .controls{ position: relative; width: auto; left: 0;} 
	.box_lesson .lesson_menu{ display: block; background-color: #EEE; position: relative; height: auto; width: 100%; top: 0;}
	.box_lesson .lesson_menu ul li{ margin: 0; width: 100%; margin-bottom: 10px;}
	.box_lesson .lesson_menu ul li a{ color: #666;}
	.box_lesson .lesson_menu ul li a .label{ color: #666;}
	.box_lesson .lesson_menu .footer{ position: relative;}
	.box_lesson .course_menu{ position: relative; width: 100%; height: auto;}
	.box_lesson .course_menu .menu_content{ padding-bottom: 50px;}
	.box_lesson.menu .box_content{ width: 100%; margin: 0;}

	.course_menu{ position: relative; width: 100%; top: 0;}
	
	.exercise-2{ padding: 0;}
	.exercise-2 .item_title{ font-size: 24px; padding-bottom: 20px;}
	.exercise-2 .item_table{ padding: 0;}
	
	.exercise-3{ padding: 0;}
	.exercise-3 .item_title{ font-size: 24px; padding-bottom: 20px;}
	.exercise-3 .item_word img { border: 3px solid #efefef; margin: 10px; height: 100px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }
	
	.exercise-4{ padding: 0;}
	.exercise-4 .item_title{ font-size: 20px; padding-bottom: 20px;}
	.exercise-4 .item_controls{ padding-top: 10px;}
	
	.exercise-5{ padding: 0;}
	.exercise-5 .item_title{ font-size: 24px; padding-bottom: 40px;}
	.exercise-5 .item_controls{ padding-top: 50px;}
	
	.exercise-6{ padding: 0;}
	.exercise-6 .item_title{ font-size: 24px; padding-bottom: 20px;}
	.exercise-6 .item_content{ padding: 10px;}
	.exercise-6 .item_controls{ padding-top: 30px;}
	
	.exercise-8{ padding: 0;}
	.exercise-8 .item_title{ font-size: 20px; padding-bottom: 20px;}
	.exercise-8 .item_controls{ padding-top: 10px;}

	.box_ielts{ padding: 0; }
	.box_ielts .unit_title{ height: auto; line-height: normal; padding: 15px; font-size: 20px; position: relative;}
	.box_ielts .unit_option{ position: relative; top: 0; bottom: 0; left: 0; right: 0; padding: 15px 15px 10px; border-bottom: 1px solid #EEE; }
	.box_ielts .unit_option a{ margin-bottom: 5px;}
	.box_ielts .box_content{ width: 100%; }
	.box_ielts .unit_control .btn{ font-size: 14px; padding: 8px 15px 10px; margin: 0 5px;}
	.box_ielts .unit_content_listening{ width: auto; }
	.box_ielts .question_control{ padding-bottom: 30px; }
	.box_ielts .question_submit{ padding-bottom: 50px; }
	.box_ielts .question_tabs .tabs_left{ width: 100%; }
	.box_ielts .question_tabs .tabs_left .tabs_left_content{ padding: 0; margin: 0; }
	.box_ielts .question_tabs .tabs_left .tabs_left_content img{ max-width: 100% !important; height: auto !important; }
	.box_ielts .question_tabs .listening_item img{ max-width: 100% !important; height: auto !important; }
	.box_ielts .question_tabs .tabs_right{ width: 100%; }
	.box_ielts .box_answer{ top: 0; z-index: 99999; width: 100%; height: 100%; position: relative;}
	.box_ielts.answer_listening .unit_content_listening{ width: 100%; }
	.box_ielts.answer_reading .unit_content_reading{ width: 100%; }
	.box_ielts.answer_reading .box_answer{ width: 100%; }
	.box_ielts .unit_content_writing{ width: auto; }
	.box_ielts .unit_content_writing img{ max-width: 100% !important; height: auto !important; }
	.box_ielts .unit_content_speaking{ width: auto; }
	.box_ielts .unit_content_speaking img{ max-width: 100% !important; height: auto !important; }

	.box_courseHome{ padding-top: 30px;}
	.box_courseHome .box_title{ font-size: 26px;}

	.box_book .box_content{ display: block;}
	.box_book .box_title{ padding-top: 50px; }
	.box_book .box_title .view{padding: 20px 0 0 0;}
	.box_book .item{width: calc(50% - 68px); margin-bottom: 30px;}
	.box_book .item .title{font-size: 13px;}
	.box_book .item .public{font-size: 13px;}

	.box_dangky{ margin-bottom: 50px; padding-top: 50px;}
	.box_dangky .left{padding: 0; height: auto; min-height: auto;}
	.box_dangky .left img{width: 100%;}
	.box_dangky .dangky .title{font-size: 25px; text-align: center;}
	.box_dangky .dangky{padding: 50px 0 0 0;}

	.slide_bxslider .bx-pager{display: none;}

	.box_footer .box_content:first-child{padding: 40px 0;}
}

@media all and (max-width: 767px){
	
}

@media (max-width: 480px){
} 

@media all and (max-width: 380px){
	
}