@charset utf-8;
.frac123{display: inline-block; vertical-align: middle;margin-left:10px}.frac123 .ts{border-bottom:1px solid #000;padding-bottom: 2px;padding: 5px 10px; margin-bottom: 2px}
#basic_box {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    padding: 0px;
    background: url(../images/q-top-left.png) top left no-repeat, url(../images/q-top-right.png) top right no-repeat;
background-color: #fff; position:relative}
}
#basic_box table {
    width: 100%!important;
    border-collapse: collapse;
    border: 1px solid #ddd
}
#basic_box table td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}
#basic_box table,
.#basic_box table td {
    border: 1px solid #E2DEDE;
    border-collapse: collapse;
    width: 100%;
}
.box_lesson {
    float: left;
    width: 100%;
    text-align: justify;
    line-height: 196%;
}
.box_lesson .title {
    font-size: 22px;
    color: #E84B00;
    font-weight: 700;
    margin-bottom: 20px;
    background: #ffd5cc none repeat scroll 0 0;
    border: 1px solid #FFC0CB;
    width: 100px;
    text-transform: uppercase;
    border-radius: 0 20px 20px 0;
    padding: 5px 10px 2px;
}
.box_lesson .content {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.basic_box a {
    color: #007F9F;
    text-decoration: underline;
    font-style: italic;
}
#basic_main {
   padding-top:34px;
    width: 100%;
    background: url(../images/hr_space.png) no-repeat bottom center;
    margin: 15px auto;
}
.bkt #basic_main {
    margin: 35px auto;
}
.basic_segment {    
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width:700px;
    margin: 0px auto;
   
}
.title,
.title_part {
    background-position: -196px -480px;
    font-weight: 700;
    margin: 20px auto;
    padding: 0 0 0 15px;
}
.basic_segment .title_trans {
    font-weight: 400;
    color: #cd6c03;
    font-style: italic;
}
.basic_segment .part .title {
    /*float: left;*/
    color: #4c69ba;
    font-weight: 700;
    width: 94%;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 22px;
    background: rgba(238, 238, 238, 0.22);
    padding: 5px 2%;
}
.basic_alert_note {
    text-align: center;
    color: #3A110B;
    float: left;
    width: 100%;
}
.basic_bt_ctrl {
    background: #4F8811;
    /*line-height: 27px;*/
    text-align: center;
    color: #fff;
    /*font-weight: 700;*/
    font-size: 18px;
    border: 3px solid #EDDBDB;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 35px;
    margin: 15px auto;
    width: 90%; max-width: 400px;
}
.box_bt_ctrl_sb {
    background: url(../images/bg_khich_le.png) no-repeat;
    float: left;
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin-top: 20px;
}
.basic_alert {
    height: 120px;
    width: 120px;
    text-align: center;
    color: #743614;
    float: left;
    margin: 10px 0;
}
.basic_alert_nonvip {
    text-align: center;
    color: #743614;
    float: left;
}
.basic_excellent {
    width: 140px;
    height: 155px;
    background-position: 0 6px;
}
.basic_very_good {
    width: 130px;
    height: 135px;
    background-position: -137px -16px;
}
.basic_good {
    width: 130px;
    height: 135px;
    background-position: -265px -16px;
}
.basic_not_good {
    width: 120px;
    height: 120px;
    background-position: -88px -135px;
}
.basic_face_lesson {
    width: 95px;
    height: 120px;
    background-position: 0 -135px;
}
.basic_msg {
    text-align: left;
    margin-top: 25px;
    margin-left: 5px;
    font-size: 20px;
    line-height: 35px;
}
.sg_area_control {
    background-color: #f3ffe7;
    border: 1px solid #c4dbad;
    border-radius: 5px;
    margin-top: -15px;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.sg_ctr_item {
    border-left: 1px solid #c4dbad;
    float: left;
    text-align: center;
    width: 33%;
    height: 25px;
    padding: 5px 0;
}
.sg_ctr_item:first-child {
    border: medium none;
}
.sg_ctr_item a {
    color: #454545;
    font-size: 16px;
    display: block;
}
.basic_question {
    width: 100%;
    display: inline-block;
    color: #0F1317;    
}
.basic_index {
    font-weight: 700;
    float: left;
    width: 20px;
    margin-right: 10px;
    text-align: center;
    border-radius: 4px;
    background: #FAEBD7;
    padding: 1px 10px;
}
.MathJax_Preview{display:inherit}
.MathJax{display:inline-block}
.basic_explain,
.explain {
    /*display: none;
    color: #853428;
    width: 100%;
    line-height: 30px;
    text-align: justify;*/
	padding: 20px;
    margin: 0 auto;
    text-align: center;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 18px;
    color: #000;
    display: none;
}
.basic_multiple_choice .basic_explain {
    width: 90%;
    margin: 10px 5%;
    /*display: inline-block;*/
}
.basic_true,
.basic_false {
    width: 18px;
    height: 12px;
    background-image: url(../images/bg_basic.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.basic_true {
    background-position: -148px -278px;
}
.basic_false {
    background-position: -164px -278px;
}
.dich_mobile {
    font-style: italic;
    color: #a96002!important;
    width: 97%;
    line-height: 27px;
    text-align: justify;
    display: block;
    background: #C6E6D0;
    font-size: 22px;
    margin: 10px 0 0;
    padding: 10px;
}
.img_left {
    float: left;
    margin-right: 5px;
}
.box_note {
    background: #eae672;
    text-align: justify;
    position: relative;
    box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.3);
    color: #333;
    width: 96%!important;
    margin: 30px auto;
    padding: 10px;
}
.box_note .text_ques {
    font-family: Satisfy;
    font-size: 20px;
    padding: 20px;
}
.box_note ul {
    list-style: none;
}
.box_note p {
    padding-left: 20px;
    background-position: -200px -535px;
}
.pin {
    background-color: #aaa;
    display: block;
    height: 32px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -16px;
    z-index: 1;
}
.pin:after {
    background-color: #A31;
    background-image: radial-gradient(25%25%, circle, hsla(0, 0%, 100%, .3), hsla(0, 0%, 0%, .3));
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .1), inset 3px 3px 3px hsla(0, 0%, 100%, .2), inset -3px -3px 3px hsla(0, 0%, 0%, .2), 23px 20px 3px hsla(0, 0%, 0%, .15);
    content: '';
    height: 12px;
    left: -5px;
    position: absolute;
    top: -10px;
    width: 12px;
}
.pin:before {
    background-color: hsla(0, 0%, 0%, 0.1);
    box-shadow: 0 0 .25em hsla(0, 0%, 0%, .1);
    content: '';
    height: 24px;
    width: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    transform: rotate(57.5deg);
    -moz-transform: rotate(57.5deg);
    -webkit-transform: rotate(57.5deg);
    -o-transform: rotate(57.5deg);
    -ms-transform: rotate(57.5deg);
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
}
.list_word {
    border-bottom: 1px solid#ccc;
    width: 98%;
    padding-bottom: 10px;
    float: left;
}
.item_word {
    background: #e2e0e0;
    margin-right: 10px;
    color: #101010;
    margin-bottom: 10px;
    float: left;
    padding: 0 10px;
}
.form_grammar {
    color: #1c1c1c;
    text-align: center;
    text-decoration: none;
    border: 1px dashed #101010;
    border-radius: 0 6px;
    background-color: #F5EFE5;
    display: table;
    margin: 20px auto;
    padding: 15px;
}
.text_translate {
    color: #a96002;
}
.margin_left_20 {
    margin-left: 2%;
    clear: both;
    width: 98%;
}
.noidung_nx {
    background-position: -77px -625px;
    padding-left: 35px;
    text-align: justify;
}
.char {
    background: #ACCC06;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 20px;
    padding: 5px 10px;
}
#translate_button,
.m_translate {
    height: 50px;
    cursor: pointer;
    background-color: #d55;
    background-position: -321px -251px;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    border-radius: 7px;
    padding-right: 10px;
    padding-left: 45px;
    width: 200px!important;
}
.basic_w_30,
.basic_w30 {
    float: left;
    width: 30%;
}
.basic_w_70,
.basic_w70 {
    float: left;
    width: 70%;
    clear: right;
}
.basic_w_40,
.basic_w40 {
    float: left;
    width: 40%;
}
.basic_w_60,
.basic_w60 {
    float: left;
    width: 60%;
    clear: right;
}
.basic_w5 {
    float: left;
    width: 15%;
}
.basic_w95 {
    float: left;
    width: 85%;
    clear: right;
}
.basic_w10 {
    float: left;
    width: 25%;
}
.basic_w90 {
    float: left;
    width: 75%;
    clear: right;
    text-align: left;
}
.space10 {
    clear: both;
    height: 10px;
}
.space15 {
    clear: both;
    height: 15px;
}
.space20 {
    clear: both;
    height: 20px;
}
.basic_w25 {
    display:inline-block;
    width: 35%;
}
.basic_w75 {
   display:inline-block;
    width: 65%;
    clear: right;
}
.basic_col3,
.basic_col2,
.basic_col1 {
    width: 100%;
    display:inline-block;
}
.basic_col4 {
    /*width: 45%;*/
    width: 100%;
    display:inline-block;
}
.basic_col5 {
    width: 30%;
    display:inline-block;
}
.basic_col2 .basic_q_title {
    width: 80%;
}
.basic_q_title{
	    margin-top: 20px;
    padding: 10px 0;
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 17px;
    color: #C58E11;
}
.basic_blank {
    border: none;
    border-bottom: 1px dotted #353331;
    width: 100px;
    font-size: 22px;
    padding: 5px;
}
.basic_blank_r {
    width: 95%;
}
.stt_text,
.stt_text_r {
    color: #EB5216;
}
.basic_box td .stt_text {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.stt_text {
    display: inline-block;
    margin-right: 10px;
}
.stt_text_r {
    margin: 10px auto;
}
.basic_word {
    width: 96%;
    font-weight: 700;
    float: left;
    border: 1px solid #aeaeae;
    color: #5e1534;
    margin: 10px auto;
    padding: 15px 2%;
}
.basic_trans {
    color: #EA4D00;
    font-style: inherit;
    font-weight: 400;
}
.basic_blank_part {
    height: 27px;
    background: #f5f5f5;
    text-align: center;
    color: #3A1F1F;
    box-shadow: -1px 1px 2px #adadad inset;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 0 5px;
}
.basic_content_bl {
    width: 100%;
    display: inline-block;
    text-align: left;
}
.basic_text_check {
    display: inline-block;
    vertical-align: middle;
}
.basic_blank_part input {
    color: #6d0500;
}
.basic_box_blank_part {
    line-height: 40px;
}
.basic_box_blank {
    display: inline-block;
    width: 85%;
    text-align: justify;
}
.basic_blank_row .stt_text {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.input_letter {
    width: 20px;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #CA11A0;
    font-size: 24px;
    text-align: center;
}
.blank_w {
    width: 10px;
    border: none;
    border-bottom: 1px solid #1181B2;
    text-transform: uppercase;
    color: #EC1349;
    font-weight: 700;
    margin: 0 1px;
}

.basic_select {
    display: inline-block;
    width: 90%;font-size: 20px;
    margin-left: 5% !important; margin-top:20px;
}
.item_radio .item_radio_click {
    background-position: -84px -262px;
    margin-right: 5px;
    float: left;
}
.basic_true_false .item_radio .item_radio_click {
    width: 28px;
    height: 28px;
}
.r_on .item_radio_click {
    background-position: -115px -262px;
}
.item_radio img {
    width: 160px;
    border: 2px solid #D8BCBC;
    padding: 1px;
}
.item_radio_img {
    width: auto!important;
    background-position: bottom center;
    padding: 0 0 25px;
}
.item_radio_img.r_on {
    width: auto;
    background-position: bottom center;
    padding: 0 0 25px;
}
.item_radio_img .item_radio_click {
    margin-left: 75px;
}
.item_radio_check_img {
    position: relative;
    top: 113px;
    left: 110px;
}
.td_true_false {
    width: 60px;
}
.true_false {
    width: 28px;
    height: 28px;
    padding: 0;
}
.r_on img {
    border: 2px solid #F34A0D;
}

.tr_first {
    background: #4B7D1C!important;
}
.list_video_title {
    color: #EE7600;
    text-align: center;
    margin: 10px auto 0;
}
.video_title {
    color: #d16c1a;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    width: 100%;
    float: left;
    margin: 20px auto;
}
.list_video {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    clear: both;
    margin: 0 auto;
}
.video_item {
    width: 190px;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    line-height: 15px;
    border: 2px solid #FFF;
    box-shadow: 0 0 3px #727272;
    min-height: 170px;
    margin: 10px;
}
.video_item_curr {
    color: #C30910;
    background: #41A3BB;
}
.video_item img {
    height: 85px;
    width: 155px;
    padding: 5px;
}
.video_item .title_video {
    display: block;
    line-height: 27px;
    margin: 10px 20px;
}
.video_show {
    display: none;
    border: 1px solid #ccc;
    clear: both;
    width: 420px;
    height: 240px;
    margin: 10px auto;
    padding: 10px;
}
.basic_video_item_curr {
    background: #b3dce9;
}
#load_video {
    margin-bottom: 40px;
}
.basic_mark_word {
    display: inline-block;
    width: 93%;
    padding: 2px 10px;
}
.basic_mark_item {
    float: left;
    width: 50%;
    margin: 10px auto;
}

.basic_mark_cent {
    background: none;
    float: left;
}
.basic_mark_mc {
    margin-left: 10px;
    margin-top: 7px;
    float: right;
    color: #E800E8;
}
.basic_text_ans {
    float: right;
    color: #0053A6;
    margin: 0 10px;
}
.basic_mark_word .basic_text_ans {
    text-decoration: line-through;
}
.word_key {
    float: left;
    background: #589214;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    width: 120px;
    text-align: center;
    border-radius: 4px 4px 0 0;
    padding: 5px 10px;
}
.basic_mark_word_key {
    line-height: 45px;
    border-top: 2px solid #589214;
}
.choice_word_question {
    background: #f5f5f5;
    display: inline-block;
    padding: 2px 10px;
}
.basic_sentence_reorganizing {
    width: 100%;
    display: block;
    position: relative;
}
.basic_sentence_item {
    display: inline-block;
    margin: 15px 5px 0;
    position: relative;
}
.basic_drop_drag {
    width: 95%;
    display: inline-block;
}
.basic_drag {
    float: left;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #888;
    padding: 2px 10px;
}
.basic_drag_static {
    color: #B2B2B2;
    position: relative;
}
.basic_drag_re {
    position: absolute;
    background-color: rgba(131, 181, 185, 0.37);
    border-bottom: 1px solid #90B7BF;
    cursor: all-scroll;
    z-index: 10;
    left: 0;
}
.basic_sentence_re_drop {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.basic_drop_re {
    border: 1px dashed #B2B2B2;
    color: #333;
    font-weight: 700;
    text-align: center;
    height: 30px;
    display: inline;
    float: left;
    min-width: 70px;
    margin: 0 7px 10px;
}
.drag-hover {
    border: 1px solid #F90;
}
.basic_cent_ans {
    color: #004080;
    font-style: normal;
    float: left;
    margin: 20px 20px 0 35px;
}
.basic_drop_re .basic_drag {
    margin-top: 0;
    background: none;
    color: #000;
    border: none;
    box-shadow: none;
}
.basic_reor_text_tf .basic_drag {
    font-weight: 700;
}
.basic_reor_text_t .basic_drag {
    color: #58960f
}
.basic_reor_text_f .basic_drag {
    color: red
}
.drag_reor_clicked {
    background: #0F8ABB;
    border-bottom: 2px solid #116282;
}
.basic_word_drop_bl {
    padding-bottom: 20px;
    /*border-bottom: 1px solid #ccc;*/
    float: left;
    width: 100%;
    margin-bottom: 35px;
    font-size: 20px;
    margin-left: 2vw;
}
.basic_dpbl_drag {
    float: left;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    padding: 0 10px;
}
.basic_dpbl_drag_static {
    color: #B2B2B2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.basic_dpbl_drag_re {
    position: absolute;
    color: #362424;
    cursor: pointer;
    /*cursor: all-scroll;*/
    z-index: 10;
}
.basic_drop_bl_item {
    border: 1px dashed #B2B2B2;
    color: #333;
    font-weight: 700;
    text-align: center;
    height: 36px;
    margin: 10px 5px;display: inline-block;
    padding: 3px 15px;
}
.basic_hoi_gray1{color:#ccc}
.droped_br_bl {
    float: none;
}
.basic_droped_bl {
    padding: 0 5px;
}
.basic_drop_bl_hover {
    border: 1px dashed #FF5B0D;
}
.basic_item_drop_bank {
    float: left;
    margin-right: 15px;
    margin-top: 20px;
    border: 1px dashed #B2B2B2;
    position: relative;
}
.basic_item_drop_bank .basic_dpbl_drag_re {
    position: absolute;
    top: 0;
    left: 0;
}
.basic_drop_blank_content {
    float: left;
    width: 100%;
    /*margin-top: 30px;*/
    line-height: 50px;
    margin-left: 2vw;
}
.drag_bl_clicked {
    background: #FFD5BF;
}
.basic_drop_blank {
    width: 96%;
}
.drop_group_sentence .uba_audioButton {
    float: left;
}
.drop_group_sentence .basic_item_drop_bank {
    border: none;
    margin: 0;
}
.drop_group_sentence .basic_item_drop_bank .basic_dpbl_drag {
    padding: 5px;
}
.basic_table_group {
    border-collapse: collapse;
    width: 100%;
}
.basic_tr_first {
    background: #4B7D1C;
    color: #fff;
}
.basic_table_group td {
    border: 1px solid #ccc;
    padding-left: 15px;
}
.drop_group_item {
    height: 200px!important;
    line-height: 28px;
    resize: vertical;
    vertical-align: top;
    width: 95%;
    padding: 10px;
}
.drop_group_sentence .drop_group_item {
    height: 100px!important;
}
.drop_group_item_hover {
    background: #FFF4F4;
}
.drop_group_item .basic_dpbl_drag_re {
    line-height: 27px;
    border: 1px solid #538E0D;
    margin-right: 20px;
    margin-top: 20px;
    background: #EAE5DE;
    border-radius: 4px;
    position: static !important;
    padding: 0 10px;
}
.drop_group_ans {
    color: #0078F0;
    font-weight: 700;
    line-height: 27px;
    float: left;
    margin: 15px;
}
.bs_group_2 {
    width: 50%;
}
.bs_group_3 {
    width: 33%;
}
.bs_group_5 {
    width: 20%;
}
.bs_group_4 {
    width: 25%;
}
.gr_word_clicked {
    background: #FFD5BF!important;
}
.basic_checkbox_item {
    width: 100%;
    float: left;
    padding: 10px 0;
}
.basic_ck_item_ic {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #b2aca5;
    float: left;
    cursor: pointer;
    margin-right: 20px;
}
.basic_ck_item_ic_ck {
    background-position: -43px -654px;
    /*background-position: -199px -275px;*/
}
.basic_chk_check {
    float: left;
    margin-right: 5px;
    height: 12px;
    width: 18px;
    margin-top: 6px;
}
.basic_ck_item_text {
    padding-left: 10px;
    line-height: 22px;
    width: 80%;
    text-align: justify;
    cursor: pointer;
}
.basic_ck_item_text img {
    margin-top: 10px;
}
.basic_col4 .basic_ck_item_text {
    width: 70%;
}
.basic_box_seq {
    display: inline-block;
    margin: 10px ;
    /*margin: 10px 60px;*/
    position: relative;
    width: 100%;
}
.basic_ck_item {
    margin-bottom: 15px;
}
/*.selectedText,
.selected_text {
    background-color: #F9F62B;
}*/

.selectedText, .selectedText_p {
    color: red;
    text-decoration: line-through;
}
.selectedText_p {
    text-decoration: none;
    background-color: #F9F62B;
}
.basic_mistake_p.underline .selectedText_p, .basic_mistake_p.underline .mistake_item {
    text-decoration: underline;
}
.selectedText.mistake_item {
    border-bottom: none;
}
.m_qzmatch_numl {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    top: -10px;
    left: 0;
    background: #333;
    font-weight: 700;
}
.m_qzmatch_numr {
    display: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    float: right;
    position: relative;
    top: -10px;
    right: -10px;
    background: #333;
    font-weight: 700;
}
.m_qzmatch_num_red {
    background: red;
    display: block;
}
.m_qzmatch_num_green {
    background: green;
    display: block;
}
.m_qzmatching_titem,
.m_qzmatching_titem_cl,
.m_qzmatching_bitem,
.m_qzmatching_bitem_cl {
    background-image: url(../images/mobile_matching1.png);
    background-repeat: repeat-x;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #434343;
}
.m_qzmatching_titem {
    background-position: 0 74px;/*background-position: 0 42px;*/
    padding-bottom: 7px;
}
.m_qzmatching_titem .m_qzmatching_titem_ct {
    height: auto;
    background-color: #f2d779;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    border-color: #dfbb3b;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 8px 10px;
}
.m_qzmatching_titem_cl .m_qzmatching_titem_ct {
    background-color: #ebc14d;
    border-color: #cd9920;
}
.m_qzmatching_bitem {
    padding-top: 10px;
    background-position: 0 -27px;
}
.m_qzmatch_bnumr {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    top: 21px;
    font-weight: 700;
}
.m_qzmatching_bitem .m_qzmatching_bitem_ct {
    height: auto;
    background-color: #a9dcd9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    border-color: #a9dcd9 #66c8c2 #66c8c2;
    border-style: solid;
    border-width: 1px;
    padding: 8px 10px;
}
.m_qzmatching_bitem_cl {
    background-position: 0 -42px;
}
.m_qzmatching_titem_cl {
    background-position: 0 58px; /*background-position: 0 25px;*/
}
.m_qzmatching_bitem_cl .m_qzmatching_bitem_ct {
    background-color: #5fb4af;
    color: #fff;
    border-color: #5fb4af #258c82 #258c82;
}
.tanc_matching .tanc_number {
    clear: both;
    margin-bottom: 20px;
    float: none;
}
.basic_mt_index {
    float: left;
    width: 20%;
    max-width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #50AB1F;
    border-radius: 13px;
}
.stt_mat_center {
    vertical-align: middle;
    display: table-cell;
    line-height: 20px;
}
.mqz_cor {
    color: #51a007;
}
.basic_box_seq {
    position: relative;
    /*float: left;*/
    display: inline-block;
    width: 100%;
    margin-top: 10px
}
.basic_box_seq .qz_correct_cil{right:-32px;}
.basic_sequence_drop {
    width: 80vw;
    /*width: 340px;*/
    display: table-cell;
    position: absolute;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px #C5C5C5 inset;
    float: left;
    left: 30px;
    padding: 0 10px;
}
.basic_sequence_drag {
    width: 80vw;
    /*width: 340px;*/
    display: table-cell;
    position: absolute !important;
    z-index: 10;
    border: 1px solid #f2d779;
    cursor: all-scroll;
    border-radius: 4px;
    float: left;
    background: #F5EDD1;
    margin-bottom: 20px;
    box-shadow: 2px 2px 3px silver;
    left: 30px;
    font-size: 18px;
    padding: 0 10px;
}
.basic_sequence_drag_h {
    background: #cc730a;
    color: #fff;
}
.basic_sq_index {
    position: absolute;
    left: 0;
}
.basic_sq_index_r {
    right: 0;
    left: auto;
    display: none;
}
.basic_seq_clicked {
    border: 1px solid #ff9000;
    color: #fff;
    background: #cc730a;
}
.basic_ex {
    color: #e80676;
}
.basic_video {
    float: left;
    width: 100%;
    position: relative;
}
.basic_text_upper {
    text-transform: uppercase;
}
.basic_mark {
    color: #F10FA9;
}
.m_post_content {
    width: 100%;
    margin: 0;
    padding: 0!important;
}
.basic_mark_text {
    color: #01688F;
}
.basic_left {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: justify;
}
.basic_right {
    float: right;
    text-align: right;
    width: 100%;
    margin-top: 20px;
}
.basic_box_footer {
    width: 100%;
    /*border-bottom: 1px solid #d7e5f1;*/
    clear: both;
    height: 53px; padding-bottom:10px; display:table;
    margin: 0 auto;
}
.basic_footer {
	padding-top:20px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.basic_button_ft {
    width: 98px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    cursor: pointer;
    background-color: #fff;
    font-size: 20px;
}
/*.basic_back {
    padding-left: 40px;
    float: left;
}
.basic_next {
    float: right;
    padding-right: 35px;
}*/
.basic_back_dis {
    background-position: 0 -491px;
}
.basic_back_active {
    background-position: 0 -528px;
}
.basic_next_dis {
    background-position: 57px -564px;
}
.basic_next_active {
    background-position: 57px -603px;
}
.basic_box_select {
    float: left;
    margin: -6px 30px;
}
.basic_box_select select {
    width: 125px;
    height: 35px;
    font-size: 20px;
    padding-left: 15px;
}
.basic_ft_left {
    width: 12px;
    height: 53px;
    float: left;
    background-position: 0 -357px;
}
.basic_ft_right {
    width: 13px;
    height: 53px;
    background-position: -13px -357px;
    float: left;
}
.basic_ft_center {
    width: 384px;
    height: 36px;
    background: #f4f4f4;
    border-top: 1px solid #d7e5f1;
    border-bottom: 1px solid #d7e5f1;
    float: left;
    padding: 8px 20px;
}
.tbao_nb {
    position: absolute;
    right: 0;
    top: -54px;
    border: 1px solid #aeaeae;
    border-radius: 8px;
    background: #fff;
    z-index: 99;
    width: 200px;
    color: #003C00;
    line-height: 20px;
    padding: 10px;
}
.img_close {
    float: right;
    cursor: pointer;
    margin-left: 20px;
    background-position: -262px -279px;
    height: 11px;
    width: 11px;
    margin-top: 10px;
}
.text_note,
.basic_mean,
.text_mean {
    color: #843A24;
    font-style: italic;
}
.text_tv {
    font-style: italic;
    color: #9E9E9E;
}
.text_ta {
    font-weight: 400;
}
.basic_tips {
    float: left;
    min-height: 38px;
    padding-left: 60px;
    background-position: 0 -658px;
    color: #58960f;
    font-style: italic;
    font-size: 14px;
    padding-top: 10px;
    width: 91%;
    margin: 10px 0;
}
.box_reading {
    float: left;
    background: url(../images/read/read4.png) no-repeat bottom center #f2e8b3;
    width: 96%;
    color: #333;
    margin: 10px 0px;
    padding: 10px 2% 110px;
}
.topic {
    background: url(../images/bg_bottom_topic.png) center bottom no-repeat;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    color: #5D4D45;
    padding-bottom: 10px;
    margin: 0 auto 20px;
}
.basic_border {
    border: 1px solid #ccc;
    float: left;
    width: 90%;
    padding: 10px 5%;
}
.ul_item_0 {
    list-style: outside;
    padding: 0 10px;
}
.li_item_0 {
    color: #005DA1;
}
.title_center {
    float: left;
    color: #E84B00;
    font-weight: 700;
    width: 100%;
    font-size: 26px;
    text-align: center;
    margin: 15px auto;
}
.title1 {
    border: 3px solid #ECE8E8;
    background: #f1f1f1;
    border-radius: 8px;
    color: #bf6136;
    box-shadow: 1px 1px 2px #6f6f6f;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 20px;
    display: inline-block;
    padding: 1px 10px;
}
.text_underline {
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
.space5 {
    clear: both;
    height: 1px;
    width: 100%;
}
.bs_part_title {
    font-weight: 700;
    width: 100%;
    float: left;
    margin: 15px auto;
}
.bs_part_title .index {
    color: #fff;
    background: #FB8835;
    border: 3px solid #fff;
    text-align: center;
    font-weight: 700;
    float: left;
    margin-bottom: 3px;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: relative;
}
.bs_part_title .text {
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding-left: 6px;
    color: #03437B;
}
.bs_part_content,
.bs_part_show {
    clear: both;
    margin-left: 2%;
    width: 96%;
    color: #171717;
    display: none;
}
.open_content.close {
    background-position: 0 0;
}
.open_more {
    clear: both;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-top: 15px;
    color: #5a9c0c;
    margin-left: 20px;
    cursor: pointer;
}
.box_link {
    margin: 20px auto;
}
.btn_link {
    background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #fff!important;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    padding: 10px 50px 10px 20px;
}
.box_style1 {
    width: 97%;
    box-shadow: 1px 1px 3px #999;
    background: url(../images/read/bg1.png);
    color: #01111D;
    margin: 0 auto;
    padding: 5px 15px;
}
.box_style1 p {
    margin: 5px;
}
.table_center {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}
.box_non_vip {
    display: inline-block;
    background: none repeat scroll 0 0 #E1F1D0;
    color: #a15600;
    border-radius: 8px;
    padding: 10px 15px;
}
.bt_show {
    border: none;
    border-radius: 20px;
    color: #fff;
    background: #69A720;
    font-size: 20px;
    padding: 5px 20px;
}
.control_sharefb {
    text-align: center;
    background: #88D6D6;
    float: left;
    color: #73491D;
    display: none;
    padding: 15px 20px;
}
.active,
.basic_active,
.video_curr,
.bs_part_content.active,
.bs_part_show {
    display: block;
    height: auto;
}
.basic_button_ft,
#translate_button,
.m_translate,
.basic_ft_left,
.basic_ft_right,
.basic_alert,
.img_close,
.m_text_trans,
.dich_tablet,
.item_radio .item_radio_click,
.basic_ck_item_ic_ck,
.box_note p,
.title,
.title_part,
.icon_p,
.noidung_nx,
.basic_tips,
.item_radio .item_radio_click,
.basic_ck_item_ic_ck {
    background-image: url(../images/bg_basic.png);
    background-repeat: no-repeat;
}
.basic_segment .part,
.basic_segment .part .content,
.basic_temp_mark,
.ul_item_0 li,
.bs_part {
    float: left;
    width: 100%;
}
.basic_segment{font-size:20px}
.basic_segment .part{padding-bottom:20px}
.box_bt_ctrl,
.basic_center,
.text_center {
    text-align: center;
}
.basic_text_alert,
.basic_weight,
.text_weight {
    font-weight: 700;
}
.basic_hidden,
.qz_sort_inx {
    display: none;
}
.basic_content p,
#load_file_js,
.mqz_mat_drop {
    clear: both;
}
.basic_blank_row.basic_col2,
.bs_part_show {
    margin-top: 15px;
}
.item_radio_vd,
.basic_col3 .basic_ck_item_text {
    width: 75%;
}
.tr_first td,
.basic_tr_first td {
    color: #FFF!important;
    font-weight: 700;
    text-align: center;
    border: 1px solid #fff;
}
.mark_r_on,
.mqz_incor,
.text_red,
.fbuser_score {
    color: red;
}
.choice_word_question strong,
.basic_content_mistake,
.basic_mistake_p {
    cursor: pointer;
}
.drop_reor_clicked,
.drop_bl_clicked {
    border: 1px dashed #E84B00;
}
.m_qzmatch_titem_left,
.m_qzmatch_bitem_left {
    width: 5%;
    float: left;
    height: 56px;
}
.basic_italic,
.text_italic {
    font-style: italic;
}
.box_style2 {
    border: none;
    border-radius: 50px;
    text-align: justify;
    line-height: 196%;
    background: #fde9d9;
    margin: 10px auto 20px;
    padding: 15px;
}
.text_note {
    color: #13839E;
    font-style: italic
}
.icon_p {
    padding-left: 20px;
    background-position: -130px -584px;
    margin: 5px -20px;
    width: 100%;
}
.title2 {
    color: #bf6136;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    padding-bottom: 5px;
}
.img_100 {
    width: 100%
}
.instruction_ex {
    color: #0084ff;
    text-align: center;
    width: 90%;
    display: inline-block;
    margin: 0 5% 0;
    font-size: 20px;
}
.box_small {
    margin: 15px auto;
    width: 400px;
}
.box_small_head {
    padding: 5px 10px;
    color: #fff;
    font-size: 17px;
}
.box_small_content {
    padding: 10px
}
.box_small.box_orange {
    border: 3px solid #e7890f
}
.box_small.box_orange .box_small_head {
    background: #e7890f
}
.box_small.box_orange .box_small_content {
    background: rgba(179, 220, 233, 0.11)
}
.box_small.box_green {
    border: 3px solid #73951c
}
.box_small.box_green .box_small_head {
    background: #73951c
}
.box_small.box_green .box_small_content {
    background: rgba(150, 116, 15, 0.08)
}
.m_left img {
    max-width: 150px;
    width: 100%;
}
.mobile_table .mobile_tr {
    border-bottom: 1px solid #d9aa74;
    margin: 0;
    padding: 20px 0px;
    width: 100%;
    float: left
}
.mobile_table .mobile_td {
    width: 250px;
    text-align: left;
    margin-left: 10px;
}
.qz_incorrect_cil {
    background: red;
}
.box_email {
    border: 1px solid #D7E9F7;
    padding: 10px 2%;
    margin: 20px auto;
    background: rgba(180, 232, 245, 0.16)
}
.bs_grou_first {
    background: #4B7D1C;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 30%
}

.basic_index {
    background-color: #ee7600;
    color: #fff;
    font-size: 20px;
    width: 88px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
    vertical-align: top;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    position: relative;
}

.basic_index:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ee7600;
    border-width: 17px;
    margin-top: -17px;
    left: 87px;
    top: 17px;
}

/* --- box result --- */
.bt_box_result{
	display: none;
    width: 100%;
    height: auto;
    margin:0 auto;
    position: relative;
    background: url(../images/bg_fin.jpg) top left repeat-x;
}
.bt_result_title{
    font-family: "Roboto Condensed";
    font-size: 28px;
    text-transform: uppercase;
    color: #6c6c6c;
    text-align:center;
    padding:15px 0;
}
.bt_result_point{
    width: 604px;
    height: 479px;
    font-family: "Roboto Condensed";
    font-size: 80px;
    color: #fff200;
    text-align: center;
    line-height: 200px;
    margin: 0 auto;
    background-image: url(../images/frame_finish.png);
    position: relative;
    top: -23px;
    -webkit-text-stroke: 3px #a86800;
    font-weight: bold;


    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity:0.8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

}
.bt_result_point.show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.bt_box_fin{
    display:none;
    position: relative;
    z-index: 99;
    top: -215px;
}
.bt_box_fin.show{
    display:block;
}
._bt_hatde{
    background-image: url(../images/hatde_.png);
    background-repeat: no-repeat;
    width: 71px;
    height: 71px;
    display: inline-block;
    padding: 8px;
}
._bt_numhd {
    position: absolute;
    font-family: "Skranji Bold";
    color: #fff;
    font-size: 108px;
    top: 62%;
    left: 47%;
    -webkit-text-stroke: 2px #442204;
    opacity: .7;
}
._bt_hatde.bt{
    background-image: url(../images/hatde.png);
    -webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: .8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
._bt_hatde.ss{
    background-image: url(../images/hatde.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 88px;
    display: inline-block;
    padding: 1px;
    -webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}
.bt_fin_hatde{
    height: 88px;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
}

.bt_fin_point{
    width: 645px;
    margin: 0 auto;
    margin-top: 15px;
}
.bt_fin_rp_l{
    width: 49%;
    display: inline-block;
    text-align: justify;
}
.bt_fin_rp_l p,.bt_fin_rp_r p{
    font-family: Roboto-Regular;
    color: #583b1e;
    font-size: 20px;
    display: none;
}
.bt_fin_rp_l span,.bt_fin_rp_r span{
    font-family: "UTM Androgyne";
    color: #d55;
    margin-left: 5px;
}
._iconhd {
    background-image: url(../images/hatde3.png);
    width: 26px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 7px;
}
.bt_fin_rp_r{
    width: 49%;
    display: inline-block;
    text-align: right;
}
.bt_fin_ress{
    width: 800px;
    margin: 0 auto;
    font-family: Roboto-Regular;
    color: #0f0f0f;
    font-size: 20px;
    margin-top: 30px;
}
.bt_fin_tt_hd{
    background-image: url(../images/fin_rs.png);
    background-repeat: no-repeat;
    width: 373px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    float:left;
    display: none;
}
.bt_fin_tt_hd p{
    background-image: url(../images/hatde2.png);
    background-repeat: no-repeat;
    background-position: 6%;
    padding-left: 35px;
}
.bt_fin_p_tt p{
    background-image: url(../images/ic_dtt.png);
    background-repeat: no-repeat;
    background-position: 6%;
    padding-left: 40px;
}
.bt_fin_p_tt span, .bt_fin_tt_hd span {
    font-family: "Skranji Bold";
    color: #fff;
    /* -webkit-text-stroke: 1px #442204; */
    font-size: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #442204, 1px 1px 1px #442204, 2px -1px 1px #442204, 1px 1px 1px #442204, 1px 1px 1px #442204;
    letter-spacing: 2px;
}
.bt_fin_p_tt ._plus,.bt_fin_tt_hd ._plus{
    background-image: url(../images/ic_plus.png);
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
}
.bt_fin_p_tt ._rsp,.bt_fin_tt_hd ._rsp{
    color: #fff200;
}
.bt_fin_p_tt{
    background-image: url(../images/fin_rs.png);
    background-repeat: no-repeat;
    background-position-x: -376px;
    width: 373px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    display: none;
    float: right;
}
._fin_oldtt{
    color: #549100;
}
.bt_result_hb, .bt_result_time, .bt_result_tt, .bt_result_cc{
    font-family: "OpenSans-Regular";
    font-size: 18px;
    color: #212121;
    text-align: center;
}
.bt_result_hb span{
    color: #58960f;
}
.bt_result_time span{
    color: #b9b9b9;
}
.bt_result_tt span{
    color: #ee7600;
}
.bt_result_cc span{
    color: #348dc1;
}
.bt_result_note{
    font-family: "OpenSans-Regular";
    font-size: 14px;
    color: #838282;
    text-align:center;
    margin-bottom: 24px;
    line-height: 135%;
}
.bt_group_ctrl a{
    height: 66px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Roboto Condensed";
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 66px;
    padding-left: 40px;
}
.bt_group_ctrl a:last-child {
    margin-right: 0px;
}
.bt_result_next_bt{
    background-color: #348dc1;
}
.bt_result_show {
    cursor:pointer;
    background-image: url(../images/ic_again.png);
    width: 172px;
    background-repeat: no-repeat;
}
.bt_result_list_bt{
    cursor: pointer;      background-image: url(../images/ic_khac.png);      width: 188px;      background-repeat: no-repeat;}
.bt_result_list_bh{
    cursor: pointer;      background-image: url(../images/ic_list.png);      width: 195px;      background-repeat: no-repeat;}
.bt_result_first_score{
    font-family: "Roboto Condensed";
    font-size: 22px;
    color: #212121;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 20px;
}
.bt_result_first_score span{
    color: #58960f;
}
.bt_group_ctrl {
    display:none;
    width: 700px;
    margin: 0 auto;
    margin-top: -145px;
    text-align: center;
    float: left;
    margin-left: 14%;
}
.bt_result_cc {
    margin-bottom: 35px;
}
.bt_result_hb {
    margin-bottom: 40px;
}
.bt_box_video {
    padding-top: 20px;
}
/*.overblock {position: absolute;width: 92%;background-color: black;opacity: 0;height: 72%;top: 15vw;z-index: 222;}*/
.bt_help_true{color:#06BA89;text-align:center}

/*index cau hoi*/
#basic_main {
    counter-reset: section;
}

.basic_index:before {    
    counter-increment: section;
    content: "Câu "counter(section);
}

.box_inp_dau{position: relative;}
.box_inp_dau .inp_dau{left: 38%;position: absolute;top: -75%;}
.box_inp_dau .inp_dau.under{top: 25px;}
.false_ques{color:#dd5555;font-size: 16px;line-height: 30px;margin-left: 10px;}
.true_ques{color:#71bb5a;font-size: 16px;line-height: 30px;margin-left: 10px;}
.basic_point{    background-color: #f5f5f5;
    font-size: 18px;
    color: #9d9d9d;
    left: -5px;
    padding-left: 25px;
    vertical-align: top;
    padding-right: 15px;
    vertical-align: top;
        height: 34px;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    position: relative;
}
.basic_point:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f5f5f5;
    border-width: 17px;
    margin-top: -17px;
}

.bt_html_help {
    color: #2c2c2c;
    font-family: OpenSans-Regular;
    font-size: 16px;
    margin: 0 auto;
    width: 95%;
}
.bt_tit_true_answer {
    background: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/line-border.png") repeat-x scroll center top, rgba(0, 0, 0, 0) url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/line-border.png") repeat-x scroll center bottom;
    color: #ec5c51;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 18px;
    margin-top: 35px;
    padding-bottom: 30px;
    padding-top: 20px;
    text-align: center;
}
.bt_true_answer {
    color: #000;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 20px;
    padding-top: 15px;
}
.bt_ans_choose span {
    font-family: OpenSans-Semibold;
}
.bt_box_help {
    color: #000;
    display: none;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 16px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 75%;
}
.bt_box_help h1, .bt_box_video h1 {
    color: #ff3b7b;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.basic_content_mistake .mistake_item, .basic_mistake_p .mistake_item{
    color: green;
    text-decoration: line-through;
}
.basic_mistake_p.underline .selectedText_p, .basic_mistake_p.underline .mistake_item{text-decoration: underline;}


.true_false .item_radio_click{
    background-image: url("../images/bg_basic.png") !important;
    background-repeat: no-repeat;
}

.MJX_Assistive_MathML{display: none;}

.check_ques_false{
    background-color: #dd5555;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 35px;
    margin-left: 10px;
    min-width: 35px;
    padding: 0 10px;
    text-align: center;
}

.check_ques_true {
    background-color: #71BB5A;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 35px;
    margin-left: 10px;
    min-width: 35px;
    padding: 0 10px;
    text-align: center;
}
.basic_ques_matching{display: inline-block;margin: 10px 50px;width: 740px;}
._help_luu_y,._help_goi_y {
    background-color: #fff0cc;
    border-radius: 15px;
    color: #b86a1d;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    margin: 30px auto;
    padding: 16px 30px 16px 50px;
    position: relative;
    width: 100%;
}
._help_luu_y img,._help_goi_y img {
    left:-4vw;
    position: absolute;
    top: -18px;
}
._help_luu_y ._title, ,._help_goi_y ._title {
    color: #e90044;
}
.show_hint{
    /*background: rgba(0, 0, 0, 0) url(/file/luyenthi123/common/baitap/image/ic-hint.png) no-repeat scroll 0 center;*/
    margin: 0 auto;
    text-indent: 30px;
    width: 150px;
    padding: 10px 0;
    cursor: pointer;
    color: #348DC1;
    font-size: 20px;
}
.show_hint:before{
    content:"Xem gợi ý";
    background: rgba(0, 0, 0, 0) url(/file/luyenthi123/common/baitap/image/ic-hint.png) no-repeat;
    padding-left: 30px;
}
.show_ht:before{
    content:"Ẩn gợi ý";
    background: rgba(0, 0, 0, 0) url(/file/luyenthi123/common/baitap/image/ic-hint.png) no-repeat;
    padding-left: 30px;
}
.basic_pink {
    color: #ff3b7b;
    font-weight: bold;
}
.basic_green {
    color: #498601;
    font-weight: bold;
}
.basic_gray{
    color: #787878;
    font-size: 18px;
}
.basic_italic{
    font-style: italic;
}
.qz_pop_layout {
    height: 380px;
    margin-top: 30px;
    text-align: center;
}
.qz_pop_layout a {
    color: #d55;
}
.qz_ahref {
    background-color: #06ba89;
    color: #fff !important;
    display: block;
    margin: 50px auto 0;
    width: 200px;
	padding: 8px 20px;
}
.mq-hold{display: inline-block;position: relative;font-size: 22px;}
/*.mq-toolbar {
    background: #f0f0f0 linear-gradient(to bottom, #fdfdfd, #edf3ff) repeat scroll 0 0;
    border: 1px solid #ccc;
    line-height: 0;
    width: 193px;
}*/
.mq-toolbar .mq-btn {
    display: inline-block;
    height: 32px;
    margin: 0;
}
.mq-btn {
    border-right: 1px solid #9a9a9a;
    display: inline-block;
    height: 32px;
    /*padding: 3px 0 !important;*/
}
.mq-btn:last-child {
    border-right: none; !important;
}
.cmd:hover {
    background: #fc9900 linear-gradient(to bottom, #fffded, #ffe061) repeat scroll 0 0;
    cursor: pointer;
}
.mq-btn:active {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) inset;
}
.mq-toolbar::before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.4);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    left: 14px;
    position: absolute;
    top: -8px;
}
.mq-toolbar::after {
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 15px;
    position: absolute;
    top: -7px;
}
.mq-toolbar {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 6px #ccc;
    display: inline-block;
    line-height: 0;
    position: relative;
}
.basic_hoi_black {
    background-color: #3b3c3e;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: OpenSans-Semibold;
    font-size: 25px;
    text-align: center;
    width: 45px;
}
.mq-hold:focus .mq-tool {
    display: block;
}
.mq-tool {
    bottom: -46px;
    height: 38px;
    left: 0;
    position: absolute;
    width: 200px;
    text-align: left;
}
.mathquill-editable .latex-command-input.hasCursor {
    border-color: activeborder;
}
.mathquill-editable.empty::after, .mathquill-textbox::after, .mathquill-rendered-math .empty::after {
    content: "c";
    visibility: hidden;
}
.mathquill-editable .cursor:only-child::after, .mathquill-editable .textarea + .cursor:last-child::after {
    content: "c";
    visibility: hidden;
}
.mathquill-textbox {
    overflow-x: auto;
    overflow-y: hidden;
}
.line_gray{stroke: rgb(207, 207, 207); stroke-width: 1;}
.line_bold{stroke: rgb(0, 0, 0); stroke-width: 1.8;}
.line_bolder{stroke: rgb(0, 0, 0); stroke-width: 2;}
.map-container{
    position:relative;
    width:480px;
    height:430px;
    margin: 20px auto;
}
.map-container.tiaso{
    height:80px!important;
}
.map-svg{
    position:absolute;
    left:0px;
    top:0px;
}
.map-catcher{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}

.basic_segment .part .title {font-size: 17px;margin-top: 35px;padding: 10px 20px;text-align: center;}
.basic_segment .title_trans {font-size: 15px;}
.basic_q_title {color: #000;display: block;font-size: 18px;height: auto;line-height: 30px;margin: 0 auto;text-align: center;width: 90%;float: none; overflow-x:auto}
.basic_q_title img{margin-bottom:16px}
.basic_radio {background-color: #348dc1;border-radius: 7px;color: #fff;cursor: pointer;display: inline-block;font-size: 18px;margin: 5px;padding: 10px;text-align: left;vertical-align: top;}
.basic_radio.item_choice { background-color: #ff3b7b!important;}
.item_radio_click{background-image: none !important;}
.item_radio {color: #fff;cursor: pointer;line-height: 18px;}
.basic_guibai, .basic_next, .basic_nopbai{
    display: block;
    border: none;
    color: #fff;
    padding: 10px 0px;
	text-align:center;
    font-size: 20px;
    font-family: "Roboto-Regular",sans-serif;
    cursor: pointer;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: url(/file/luyenthi123/common/baitap/image/ic_next_q.png) center right 20px no-repeat #ffb400;}
.basic_guibai{background: url(/file/luyenthi123/common/baitap/image/ic_next_q.png) center right 20px no-repeat #ffb400;}
.basic_back{    background: #ffb400 url(/file/luyenthi123/common/baitap/image/ic_back.png) no-repeat scroll left 20px center;
    border: medium none;
    border-radius: 30px;
    box-shadow: 1px 2px 2px 0 #999;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding: 1.4vh 26vw;
    position: relative;
    text-align: center;}
.box_bt_ctrl .show{display: inline-block !important;}
.basic_hdg::after {
    background: rgba(0, 0, 0, 0) url(/file/luyenthi123/common/baitap/image/ic_hdg.png) no-repeat scroll center top;
    content: "";
    display: inline-block;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 7px;
    width:50px;
    z-index: 1;
}
.basic_box_control .basic_hdg {
    background-color: #63C9CA;
    color: #fff;
    padding: 10px 0px;
    position: relative;
    font-size: 20px;
    font-family: Roboto-Regular;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
    display: none;
}
.bg_btclass_right._kt{position: fixed;top: 7%;display: inline-block;z-index: 9999;}

/* --- popup result --- */
.bt_popup_result{    background-image: url(../images/bt_result.png);
    width: 504px;
    height: 249px;
    position: absolute;
    z-index: 999;
    top: 27vh;
    left: 50%;
    margin-left: -252px;
    transform: scale(0.6,0.6);}
.bt_ctrl_next_ques{display:none;background-color: #d55;border: none;color: #fff;padding: 3px 25px;font-size: 20px;font-family: OpenSans-Semibold;margin: 0 auto;width: 220px;cursor: pointer;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
.next_back_ctrl{display:none;}
/* --- end popup result --- */
/* --- help box - huong dan giai --- */
.bt_html_help {
    width: 95%;
    margin: 0px auto;
    font-family:OpenSans-Regular;
    font-size:16px;
    color:#2c2c2c;
    line-height: 190%;
}
.bt_tit_true_answer {
    color: #ec5c51;
    text-align: center;
    font-size: 18px;
    font-family: "Roboto-Regular", sans-serif;
    /*line-height: 300%;*/
    padding-top: 20px;
    padding-bottom: 20px;
    background: url(../images/line-border.png) top center repeat-x, url(../images/line-border.png) bottom center repeat-x;
    margin-top: 35px;
}
.bt_true_answer {
    font-size: 20px;
    font-family: "Roboto-Regular", sans-serif;
    color: #000;
    /*padding-top: 15px;*/
}
.bt_ans_choose span{font-family: OpenSans-Semibold;}
.bt_box_help {
    margin: 0 auto;
    text-align: center;
    /*padding: 20px 0;*/
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    color: #000;
    display: none;
}
.bt_box_help h1,.bt_box_video h1{
    color: #ff3b7b;
    text-transform: uppercase;
    /*padding-bottom: 15px;*/
    text-align: center;
    font-size: 5vw;
}
.bt_box_help img{padding-top: 15px;}
.bt_ques_img{min-height:220px;}
._tit_hoi {
    display: inline-block;
    width: 55px;
    height: 30px;
    background-color: #3b3c3e;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 28px;
    text-align: center;
    border: none;
}
.bt_ques_instruc_sl{
    line-height: 6vw;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 6vw;
    color: #000;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    height: auto;
    padding: 2vw 0;
    display: block;
    word-break: break-word;
}
.bt_ques_instruc_sl span {
    line-height: 28px !important;
}
/* --- end help box - huong dan giai --- */
#lesson-detail-page .m-ldp-info{
    padding: 1vw 0!important;
    /*position: fixed!important;*/
    top:0px; height:52px;
    width: 100vw!important;
    background-color: rgba(255, 255, 255, 0.8)!important;
}
.bkt .part {
    border-bottom: 1px solid #ccc;
}
.bkt .part:last-child() {
    border-bottom: none;
}
a._bkt_report{
    text-transform: uppercase;
    margin-left: 3vw;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-weight: bold;
}
.bt_question:hover > a._bkt_report{
    color: #979797;
}
.bt_question:hover > a._bkt_report::before{
    background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/ic_kt_report_non.png");
}
a._bkt_report:hover{
    color: #eab94d !important;
}
a._bkt_report:hover::before{
    background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/ic_kt_report.png") !important;
}
a._bkt_report::before{
    content:"";
    /*background-image: url("../image/ic_kt_report_non.png");*/
    width: 18px;
    height: 13px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.item_radio .item_radio_click, .basic_radio_check {
    margin-right: 5px;
    /*width: 18px;
    height: 18px;*/
    display: inline-block;
    margin-bottom: 5px;
}
/*.item_radio .item_radio_click{display: none;}*/
._kt .timer_ques_kt{    background: #fef981;
    height: 50px;
    line-height: 50px;
    vertical-align: top;   
    display: table;
    margin: 0px;
    padding: 0px 10px;
    border-radius: 0px 10px 10px 0px;
}
.timer_ques_kt span{
    vertical-align: top; padding-left: 10px;
}
.timer_ques_kt ._top{  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;  
    display: inline-block;
}
.timer_ques_kt ._time{
    background-color: #fff981;
    color: #ee7600;
    font-family: "OpenSans-Semibold", sans-serif;
    font-size:24px;
    display: inline-block;
}

/* =============== style result frame =============== */
.num_hde{position:absolute;top:0;left:0;}
#result{width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 1;}
._bkt #result{margin: 0 auto;}
#frame_finish{background-repeat: no-repeat;background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/m-q-fr-score-bg.png");width: 100%;height: 364px;margin: auto;opacity: 0;background-position: center top;}
#result_info{position: relative; top: -110px;}
#total_score{border-radius: 50%;color: #fff200;font-size: 66px;font-weight: bold;height: 66px;line-height: 66px;position: relative;text-align: center;width: 50vw; left: 24vw;top: 60px;}
#chestnuts{text-align: center; margin-bottom: 15px;}
.chestnut{display: inline-block; position: relative; vertical-align: middle;}
#number_chestnuts{font-family: "Skranji Bold";color: #fff;font-size: 108px;left: 41%;-webkit-text-stroke: 2px #442204;-moz-text-stroke: 2px #442204;opacity: .7;}
.chestnut_i{background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/chestnut_i.png"); width: 88px; height: 88px; background-position: center; background-repeat: no-repeat; opacity: 1.3;}
.chestnut_i.chestnut_i_static{background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/chestnut_miss.png");}
#point_other{width: 88%;}
#point_other_left{display: inline-block; margin: 0 0 0 10%; text-align: left;}
#point_other_right{display: inline-block; text-align: center; margin-left: 10%;}

.rs_point{font-family: roboto;font-size: 20px;margin: 0 ;opacity: 0;list-style: inside;display: list-item;}
.rs_point_name{color: #583b1e;}

.point_plus{color: #d55;}
.point_plus span{display: inline-block;vertical-align: middle;}
#point_total_achie{text-align: center;margin-bottom: 0px; margin-top:10px}
.point_total_achie{width: 100%; line-height: 56px;font-family: Arial;font-size: 20px;background-color: #ffbb51;}
.point_total_achie_ct{margin: 3vw 3vw;}
.point_total_achie span{padding-left:10px; vertical-align: middle;}
._rsp,.pta_old{font-family: "Skranji Bold";color: #fff;font-size: 30px;font-weight: bold;text-shadow: 1px 1px 1px #442204, 1px 1px 1px #442204, 2px -1px 1px #442204, 1px 1px 1px #442204, 1px 1px 1px #442204;letter-spacing: 2px;width: 100%;margin-top: 1vw;}
#point_total{}
.pta_icon{transform: scale(0.4);}
#point_achievement{background-color: #00e4ff}
._plus{background-image: url(https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/ic_plus.png); width: 21px; height: 21px; display: inline-block; margin: 0px 5px;}
._rsp{color: #fff200; width: 35px; text-align: left; font-size: 35px;}
._rsp_f{opacity: 0;}
span.pta_name{margin: 0px;}
span.pta_icon{margin: 0 2vw 0px -3vw;width: 6vw;}
#rsbuttons{position: relative;text-align: center;overflow: hidden;height: 40vh;}
.rsbutton{display: inline-block; margin: 0 6px; position: relative; top: 100%; cursor: pointer;}
#bt_review{background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/bt_review.png"); width: 210px; height: 66px;}
#bt_lesson_other{background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/bt_lesson_other.png"); width: 216px; height: 67px;}
#bt_lesson_menu{background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/bt_lesson_menu.png"); width: 223px; height: 67px;}
.button_name{margin: 0 0 0 55px;border-radius: 5px; color: #fff; display: inline-block; font-family: "Roboto Condensed"; font-size: 17px; height: 66px; line-height: 66px;padding: 0px 10px;}

.box_show_huyhieu{display:none;background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/ach1.png");background-position: center top;background-repeat: no-repeat;bottom: 238px;height: 600px;left: 20%;position: absolute;top: -205px;width: 600px; overflow: hidden; z-index: 9999;}
.box_show_huyhieu .title_chung{bottom: 95px;color: rgb(255, 255, 255);font-family: Roboto-Medium;font-size: 29px;left: 55px;position: absolute;width: 600px;}
.box_show_huyhieu .title_rieng{bottom: 19px; color: #fce573; font-family: Myriad Pro; font-size: 35px; position: absolute; text-transform: uppercase; width: 100%; text-align: center;}
#ach2{top: -104px; left: 50%; margin-left: -331px; -webkit-animation-name: spin; -webkit-animation-duration: 10000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 10000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 10000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 10000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
#ach3 {}
#point_10_total, #point_10_achie{
    background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/ic_danhhieu.png");bottom: 0;display: none;height: 134px;left: 50%;margin-left: -77.5px;position: absolute;top: 160px;width: 165px;
    animation: pound 0.3s infinite;}
@keyframes pound {
    from { transform: none; }
    50% { transform: scale(0.92); }
    to { transform: none; }
}
.point_10_total_1{background-position: -55px -60px;}
.point_10_total_10{background-position: -234px -60px;}
.point_10_total_20{background-position: -409px -60px;}
.point_10_total_30{background-position: -595px -60px;}
.point_10_total_40{background-position: -773px -60px;}
.point_10_total_50{background-position: -949px -60px;}
.point_10_total_60{background-position: -1131px -60px;}
.point_10_total_70{background-position: -1308px -60px;}
.point_10_total_80{background-position: -1487px -60px;}
.point_10_total_90{background-position: -1666px -60px;}
.point_10_total_100{background-position: -55px -226px;}
.point_10_total_110{background-position: -234px -226px;}
.point_10_total_120{background-position: -409px -226px;}
.point_10_total_130{background-position: -595px -226px;}
.point_10_total_140{background-position: -773px -226px;}
.point_10_total_150{background-position: -949px -226px;}
.point_10_total_160{background-position: -1131px -226px;}
.point_10_total_170{background-position: -1308px -226px;}
.point_10_total_180{background-position: -1487px -226px;}
.point_10_total_190{background-position: -1666px -226px;}
.point_10_total_200{background-position: -55px -397px;}
.point_10_total_210{background-position: -234px -397px;}
.point_10_total_220{background-position: -409px -397px;}
.point_10_total_230{background-position: -595px -397px;}
.point_10_total_240{background-position: -773px -397px;}
.point_10_total_250{background-position: -949px -397px;}
.point_10_total_260{background-position: -1131px -397px;}
.point_10_total_270{background-position: -1308px -397px;}
.point_10_total_280{background-position: -1487px -397px;}
.point_10_total_290{background-position: -1666px -397px;}
.point_10_total_300{background-position: -55px -562px;}
.point_10_total_310{background-position: -234px -562px;}
.point_10_total_320{background-position: -409px -562px;}
.point_10_total_330{background-position: -595px -562px;}
.point_10_total_340{background-position: -773px -562px;}
.point_10_total_350{background-position: -949px -562px;}
.point_10_total_360{background-position: -1131px -562px;}
.point_10_total_370{background-position: -1308px -562px;}
.point_10_total_380{background-position: -1487px -562px;}
.point_10_total_390{background-position: -1666px -562px;}
.point_10_total_400{background-position: -55px -727px;}
.point_10_total_410{background-position: -234px -727px;}
.point_10_total_420{background-position: -409px -727px;}
.point_10_total_430{background-position: -595px -727px;}
.point_10_total_440{background-position: -773px -727px;}
.point_10_total_450{background-position: -949px -727px;}
.point_10_total_460{background-position: -1131px -727px;}
.point_10_total_470{background-position: -1308px -727px;}
.point_10_total_480{background-position: -1487px -727px;}
.point_10_total_490{background-position: -1666px -727px;}
.point_10_total_500{background-position: -1848px -727px;}

.point_10_achie_10{background-position: -44px -908px;}
.point_10_achie_20{background-position: -245px -908px;}
.point_10_achie_30{background-position: -461px -908px;}
.point_10_achie_40{background-position: -656px -908px;}
.point_10_achie_50{background-position: -854px -908px;}
.point_10_achie_60{background-position: -1045px -908px;}
.point_10_achie_70{background-position: -1260px -908px;}
.point_10_achie_80{background-position: -1455px -908px;}
.point_10_achie_90{background-position: -1654px -908px;}
.point_10_achie_100{background-position: -44px -1073px;}
.point_10_achie_200{background-position: -245px -1073px;}
.point_10_achie_300{background-position: -461px -1073px;}
.point_10_achie_400{background-position: -656px -1073px;}
.point_10_achie_500{background-position: -854px -1070px;}
.point_10_achie_600{background-position: -1045px -1070px;}
.point_10_achie_700{background-position: -1260px -1070px;}
.point_10_achie_800{background-position: -1455px -1070px;}
.point_10_achie_900{background-position: -1654px -1060px;}
.point_10_achie_1000{background-position: -44px -1259px;}
.point_10_achie_1500{background-position: -245px -1259px;}
.point_10_achie_2000{background-position: -461px -1255px}
.point_10_achie_2500{background-position: -656px -1255px;}
.point_10_achie_3000{background-position: -854px -1252px;}
.point_10_achie_3500{background-position: -1045px -1252px;}
.point_10_achie_4000{background-position: -1260px -1252px;}
.point_10_achie_4500{background-position: -1455px -1252px;}
.point_10_achie_5000{background-position: -1654px -1248px}
.point_10_achie_5500{background-position: -44px -1428px;}
.point_10_achie_6000{background-position: -245px -1428px;}
.point_10_achie_6500{background-position: -461px -1425px;}
.point_10_achie_7000{background-position: -656px -1424px;}
.point_10_achie_7500{background-position: -854px -1420px;}
.point_10_achie_8000{background-position: -1045px -1420px;}
.point_10_achie_8500{background-position: -1260px -1420px;}
.point_10_achie_9000{background-position: -1455px -1419px;}
.point_10_achie_9500{background-position: -1654px -1417px;}
.point_10_achie_10000{background-position: -1865px -1413px;}
/* =========================================================== */

.basic_explain h1 {color: #ff3b7b;text-transform: uppercase; text-align: center;font-size: 20px;}
img{max-width: 90vw;}
/*css them*/
.box_inp_dau .inp_dau.nga{top: -85%;}
.box_inp_dau .inp_dau.nang{top: 45%;}
.basic_table_left{display: inline-block;text-align: justify !important;}
.basic_table_center{display: inline-block;font-size: 17px;}
.textindent{text-indent: 24px;}
.tv .basic_q_title{font-size: 22px;line-height: 28px;}
.tv .basic_q_title.dr_content{font-size: 26px;line-height: 50px;}
.tv.box_basic_content{font-size: 20px;}
.tv .basic_segment .part .title{font-size: 22px;}
.tv .basic_size18{font-size: 18px;}
.tv .basic_explain,.tv .explain{font-size: 22px;line-height: 28px;}
.drag_reor_clicked {
    background: #0F8ABB;
    border-bottom: 2px solid #116282;
}
.drop_reor_clicked,.drop_bl_clicked {border: 1px dashed #E84B00;}
@-moz-keyframes drop_bl_clicked {0%{border: 1px dashed #E84B00;} 50%{border: 1px dashed #ccc;} 100%{border: 1px dashed #E84B00;}} /* Firefox */
    @-webkit-keyframes drop_bl_clicked {0%{border: 1px dashed #E84B00;} 50%{border: 1px dashed #ccc;} 100%{border: 1px dashed #E84B00;}}/* Webkit */
    @-ms-keyframes drop_bl_clicked {0%{border: 1px dashed #E84B00;} 50%{border: 1px dashed #ccc;} 100%{border: 1px dashed #E84B00;}} /* IE */
    @keyframes drop_bl_clicked {0%{border: 1px dashed #E84B00;} 50%{border: 1px dashed #ccc;} 100%{border: 1px dashed #E84B00;}}

    .drop_bl_clicked{
      -moz-animation:drop_bl_clicked normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation:drop_bl_clicked normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation:drop_bl_clicked normal 2s infinite ease-in-out; /* IE */
    animation:drop_bl_clicked normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
    }
.basic_word_drop_ms {
    display: none;
    width: 90%;
    margin-left: 7%;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #ccc;*/
    text-align: center;
}

.basic_dpms_drag {
    float: left;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    padding: 0 10px;
}
.basic_dpms_drag_static {
    color: #B2B2B2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.basic_dpms_drag_re {
    position: absolute;
    color: #362424;
    cursor: all-scroll;
    z-index: 10;
    left: 0;
}
.basic_drop_ms_item {
    border: 1px dashed #B2B2B2;
    color: #333;
    /*font-size: 14px;*/
    font-weight: 700;
    text-align: center;
    height: 22px;
    display: inline;
    margin: 0 7px -5px;
    padding: 3px 25px;
}
.droped_br_ms {
    float: none;
}
.basic_droped_ms {
    padding: 0 5px;
}
.basic_drop_ms_hover {
    border: 1px dashed #FF5B0D;
}
.basic_item_drop_ms {
    display: inline-block;
    margin-right: 15px;
    margin-top: 20px;
    border: 1px dashed #B2B2B2;
    position: relative;
}
.basic_drop_ms_content {
    display: inline-block;
    width: 98%;
    margin-top: 30px;
    line-height: 50px;
    margin-left: 20px;
}
.drop_ms_clicked {
    border: 1px dashed #E84B00;
    text-decoration: none;
}
.drag_ms_clicked {
    background: #FFD5BF;
}
.hint_drop_ms_ex {
    color: #dd5555;
    text-align: center;
    line-height: 20px;
    width: 90%;
    display: inline-block;
    margin: 0 5% 0;
    font-size: 15px;
}
.basic_content_mistake_select .mistake_item{
    color: green;
    text-decoration: underline;
}
table .basic_select{display: table-row;}

.basic_dpgw_drag {
    float: left;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    padding: 0 10px;
}
.basic_dpgw_drag_re {
    position: absolute;
    color: #362424;
    cursor: all-scroll;
    z-index: 10;
    left: 0;
}
.basic_drop_gw_item {
    border: 1px dashed #B2B2B2;
    color: #333;
    /*font-size: 14px;*/
    font-weight: 700;
    text-align: center;
    height: 22px;
    display: inline;
    margin: 0 7px -5px;
    padding: 3px 10px;
}
.basic_item_word_group {
    display: inline-block;
    margin-right: 15px;
    margin-top: 20px;
    border: 1px dashed #B2B2B2;
    position: relative;
}
.basic_word_group_content {
    display: inline-block;
    width: 98%;
    margin-top: 30px;
    line-height: 50px;
    margin-left: 20px;
}
.drop_gw_clicked {
    border: 1px dashed #E84B00;
}
.drag_gw_clicked {
    background: #FFD5BF;
}
.drop_group_item .basic_dpgw_drag_re {
    position: relative !important;
    line-height: 27px;
    border: 1px solid #538E0D;
    margin-right: 20px;
    margin-top: 20px;
    background: #EAE5DE;
    border-radius: 4px;
    padding: 0 10px;
}
.basic_dpgw_drag_static {
    color: #B2B2B2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.basic_hoi_gray {
    background-color: #b1b1b1;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    width: 45px;
}
/*============= CÂU HỎI TV DÀI ===========*/
.basic_content_long_ques{overflow: hidden;height: 220px;}
.basic_q_title .basic_q_view_more{    position: absolute;height: 180px;width: 95%;top: 40%;}
.basic_q_view_more .btn_show_full_content {margin-top: 40%;margin-left: 25%;width: 150px;background-color: #8b8b8b;color: #fff;text-align: center;padding: 5px 0;cursor: pointer;font-size: 18px;}
.basic_content_long_ques .btn_hide_content {width: 150px;background-color: #8b8b8b;color: #fff;text-align: center;padding: 5px 0;margin: 20px auto;cursor: pointer;clear: both;}
#switch_audio{ background: url(../images/m-switch-audio.png) no-repeat;background-position:  -38px 0px; width: 38px; height: 35px; margin-left: 12px;vertical-align: middle; border:none; cursor: pointer;display: inline-block}
#switch_audio.muted{ background-position: 0px 0px; }
#lesson-detail-page .m-ldp-info .m-ldpi-err{padding: 2vw 2vw 2vw 0vw !important; }
.basic_gr_checkbox .basic_elm{margin: 20px}
.basic_gr_checkbox .basic_ck_item_gr{display: inline-block; min-width:160px !important; margin-bottom:10px; font-style: normal !important;}
.basic_gr_checkbox .title_ques{font-weight: bold ; margin:15px 0px; font-style: normal !important;}
.basic_gr_checkbox .title_ques i{ font-style: normal !important;}
#lesson-detail-page .m-ldp-info .m-ldpi-left{padding: 10px !important; font-size:18px;}
#lesson-detail-page .m-ldp-info .m-ldpi-score{font-size:18px !important; padding: 10px 16px !important;}
#lesson-detail-page .m-ldp-info .m-ldpi-err img{width:23px !important}
#lesson-detail-page .m-ldp-info .m-ldpi-err{ font-size:18px;}
.m-ldpi-left #container{display:none}