body {
    margin: 0;
    font-family:arial;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3a4353;
    text-align: left;
    background-color: #fff;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem; 
  line-height: 1.4;
}

h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.3125rem;
}
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  ul{
  margin-top: 0;
  margin-bottom: 1rem; 
}
ul ,li{list-style: none; padding:0px}
a {
    text-decoration: none!important;
    color: #000;
}
.m-page{max-width: 750px;
    margin: 0px auto;}
.m_icon,.icon-bt,#_bt_helps,.bt_show_hd::after,.jp-play,.jp-pause,.chestnut_i,.basic_radio_check,.basic_ck_item_ic_ck,._bkt_report{background-image: url(/file/common/baitap/image/m_icon.png);}
.m-f-info {
    background-color: #232b35;
    padding: 4vw; color: #fff;
}
.m-fi-domain-1 {
    color: yellow;
}
.m-fi-row .m-f-orange {
    color: #f08421;
}
.navigation_tree{display: none}
  .t_scr{color:#fff}
  .m-cat-name-red {
    background-color: #dc5856;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 3%;
    font-size: 28px;
}
  .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
@-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }
  .lt123_box_gopy {
    background: #fff;
    box-shadow: 1px 2px 10px #525a5f;
    border: 1px dashed #00BCD4;
    top: 127px;
    height: 480px;
    right: 10px;
    position: absolute;
    width: 90%;
    z-index: 9999;
  }
  .lt123_gopy_title {
    cursor: move;
    font-size: 22px;
    color: #3493bc;
    background-repeat: no-repeat;
    border-bottom: 1px solid #d4d3d1;
    height: 45px;
    margin-left: 20px;
    margin-top: 15px;
    width: 86%;
  }
  .lt123_gopy_noti {
    color: #7c7c7c;
    font-family: Times New Roman;
   
    font-style: italic;
    line-height: 23px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: justify;
    width: 86%;
  }
  .lt123_gopy_area {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-family: Times New Roman;   
    font-style: italic;
    height: 155px; font-size: 17px;
    margin-left: 11px;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 10px 0 10px 12px;    
    width: 88%;
  }
  .lt123_box_gopy .lt123_btn_sent {
    background-color: #3493bc;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-family: arial;  
    margin-right: 25px;
    margin-top: 0;
    padding:10px 40px;
    text-align: center;
  }
  .lt123_box_gopy .lt123_btn_close {
    color: #ed1c24;
    cursor: pointer;
    float: right;
    font-family: arial;
    margin-right: 42px;
    margin-top:7px;
    padding: 3px 5px;
  }  
  .lt123_box_gopy .technic_err{
    color:#7c7c7c;
    font-size: 14px;
    font-style: italic;
    font-family: Times New Roman;
    margin-left: 15px;
  }
  .box_thank_send .thank_txt {    
      margin-top: 130px;
      padding-top: 35px;
      text-align: center;
      font-family: Times New Roman;
      font-size: 14px;
      font-style: italic;
      color: #7c7c7c;
  }
  
  .box_thank_send .thank_txt span {
      color: #ed1c24;
  }
  .box_alert_vip{margin: 20px 0px;
    background: #18628e;
    padding: 20px 3%;
    color: #fff;
   }
    .box_alert_vip a{padding: 10px;
        margin:10px auto;
        border: none;
        background: #ff3b7a;
        color: #fff;
        border-radius: 4px;
        font-weight: bold;
        font-size: 16px;
        display: table; cursor: pointer; }   
  .qz_pop_layout {
    height: 380px;
    margin-top: 30px;
    text-align: center;
}
.qz_pop_layout a {
    color: #d55;
}
.qz_ahref {
    color: #fff!important;
    background-color: #22887e;   
    display: block;
    margin: 10px 6%;
    padding: 8px 20px;
    border-radius: 4px;
}
#lesson-detail-page .m-ldp-title .m-ldpt-name {
    cursor: pointer;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60vw;
    text-transform: none;
    padding: 0vw 0vw 0vw 2vw; line-height: 35px;
    font-size: 20px;
    font-weight: bold; display: inline-block;
}  
.back-arrow{  width: 17px; height: 27px;
    background-position: -454px -96px; display: inline-block; vertical-align: middle;} 
    .m-ldp-info {
        box-shadow: 0px 3px 3px #cecbcb;
        position: absolute;
        top: 5px;z-index: 999;
        width: 100%;    padding-bottom: 10px; height:45px;
    }
 .m-ldp-info .m-ldpi-left {
        display: inline-block; margin-right:10px;
        padding: 6px 30px 6px 10px;
        font-size: 18px;
        background-color: #fff981;
        border-radius: 0px 30px 30px 0px;
        vertical-align: top;
    }
    .m-ldp-info .m-ldpi-left .m-ldpil-time {
        padding: 0vw 3vw;
        color: #8d7900;
    }
  .m-ldp-info .m-ldpi-score {
        background-color: #dd5555;
        font-size:30px;
        vertical-align: top;
        padding: 8px 16px;
        border-radius:12px;
    }
    .m-ldp-info .m-ldpi-err {
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
        padding: 10px 10px 10px 0px;
    }
    .pull-right {
        float: right !important;
    }
  
    #number_ques{ font-size: 24px; text-align: center;}
    #number_ques .txt{
        background-color: #348dc1;
        border-radius: 0 15px 0 0;
        color: #fff;
        font-size: 16px;
        line-height: 225%;
        padding-top: 5px;
        text-align: center;
        margin-bottom: 10px;
    }
    
    #number_ques span{    
        color: #4c4c4c; 
        width: 100%;
    }
    #switch_audio {
        background-position: -264px -96px;
        background-color: #fff;
        width: 38px;
        height: 35px;
        margin-left: 7px;
        vertical-align: top;margin-top: 7px;
        border: none;
        cursor: pointer;
        display: inline-block;
    }
#switch_audio.muted{  background-position:-299px -96px;}
._stt_q{display:none;}
._ab{position: absolute; top: 0px; left: 0px;}
.bg_btclass_cen{border-bottom:1px solid #dd5555; padding-bottom:20px;}
.bg_btclass_bottom{width: 100%;text-align: center; padding: 20px 0px;max-width: 450px;margin: 0px auto;}
._box_post_ct{width:100%;font-size:18px;line-height:100%;position: relative;}
.basic_title_pr{color:#684228; text-align:center;font-weight: bold;  width:100%; float:left;}
.basic_content_gt{ float:left; text-align:center; width:100%; line-height:196%; color:#0E5ACC}
.basic_segment{display:none;width: 100%;height:auto;position: relative;background-color:#fff;padding:20px 0px 30px; max-width:700px;}
.basic_title_part{color:#E84B00; font-weight:bold;width: 100%; margin-top:20px;}
.basic_content{width:100%;text-align:justify; color:#173366;clear: both;margin-bottom: 10px;font-style: italic;}
.basic_alert_note{font-style: italic;text-align: center;clear: both;}
.basic_active{display:block;}
span#_bt_helps{
    background-position: -10px -292px;
    width: 31px;
    height: 31px;
    display: block;
    clear: both;
    margin-right: 115px;
    position: absolute;
    bottom: 21px;
    right: 15px;
    z-index: 99;
    cursor: pointer;
}
.icon-bt-star{width: 21px; height: 20px; background-position:-199px -292px; margin:10px 2px; display: inline-block;}
.hide{display: none}
.show{display: block}
#box_top_ques {
    margin-right: 2vw;
    display: inline-block;
    padding: 6px 10px;
    font-size: 22px;
    background-color: #fff981;
    border-radius: 0 30px 30px 0;
    vertical-align: middle;
}
.m-ldpi-err {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    font-size: 18px;
}
.m-ldpi-err span {
    vertical-align: bottom;
    line-height: 15px;
}
.icon-warning {
    width: 23px;
    height: 21px;
    display: inline-block;
    background-position: -156px -292px;
}
._ab{position: absolute; top: 0px; left: 0px;}
#pc-tutorial,#pc-tutorial_point{color: #303030; font-size: 15px; line-height: 20px; text-align: justify; display: none;}
.pc-t-content{width: 990px; position: absolute; top: 55px; left: 0;z-index: 9999;}
.color-success{color: #65b24a;}
.color-danger{color: #dd5555}
.color-quote{color: #8b8b8b;}
.color-default{color: #000;}
.pc-tb-content{background-color: #ffffdb;}
.pc-tb-content-close{color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;margin: 0 auto;width: 285px;display: none;}

.pc-t-1{padding: 20px; top: -11px; left: 52px;}
.pc-t1-owl,.icon-owl{top: -7px; left: -44px; width: 74px; height: 124px; background-position: -143px -361px; display: inline-block;}
._help_goi_y .icon-owl{display: none;}
.pc-t1-content{padding: 22px 40px 17px 60px; border-radius: 10px; font-size: 16px;}


.pc-t2-content{padding: 20px 25px; left: 264px; text-align: justify; border-radius: 10px; width: 405px;}
#pc-tutorial_point .pc-t2-content{border-radius: 10px;left: 511px;padding: 20px 25px;text-align: justify;top: 185px;width: 405px;}
.pc-t2-content caption{text-align: justify; margin-bottom: 10px;}
.pc-t2-content tr td{padding: 7px 0px;}
.pc-t2-content tr td:nth-child(2){padding-left: 20px;}
.pc-t-2{width: 100%; top: 150px;}
.pc-t2-wrap-right{left: auto; right: -65px; width: 325px;}
.pc-t2-right .pc-tb-content{ width: 196px; padding: 10px 20px; border-radius: 10px;}
.pc-tb-arrow-icon{top: auto; left: auto; width: 77px; height:36px; background-position: -251px -922px; display: inline-block; }
.pc-t2-right:nth-child(1){top: 15px;}
.pc-t2-right:nth-child(2){top: 118px;}
.pc-t2-right:nth-child(3){top: 234px;}
.pc-t2-right:nth-child(4){left: -340px;top: 385px;}

.pc-t2-right:nth-child(1) .pc-tb-arrow-icon{top: auto; left: auto; right: -35px; bottom: -17px;}
.pc-t2-right:nth-child(2) .pc-tb-arrow-icon{top: auto; left: auto; right: -68px; bottom: -7px;}
.pc-t2-right:nth-child(3) .pc-tb-arrow-icon{top: auto; left: auto; right: -57px; bottom: 0px;}
#pc-t2-table-score{display: none;}

.wrapper {
    background-image: linear-gradient(to bottom,#abe6e2,#ddf6d0);
} 
.bg_baihoc {
    background: url(/static/image/home/baitap-bg.jpg) top center no-repeat;
    height: 1200px;
    position: relative;
    margin-top: -35px;
}
.box_leaning_cen {
    position: relative;               
}
.bt-icon,.icon-bt1,.bg-balloon.checked::after,.bg-char.checked::after,.bg-flower.checked::after,.bg-classic-checkbox.checked::after,.bg-star.checked::after,.bg-sheep.checked::after{ background-image: url(/file/common/grade/img/m-icon-v2.png); background-repeat: no-repeat; display: inline-block}
.icon-false {
    width: 84px; height: 83px;
    background-position: -552px -258px;
}
.icon-true {
    width: 81px; height: 81px;
    background-position: -435px -245px;
}

.basic_select{margin-left: -2%; margin-right: -2%;}

.bg-char,.bg-char:nth-child(3n+1){
    width: 74px; height: 77px;
    background-position: -656px -258px;
}


.bg-char:nth-child(3n+2){
    width: 70px; height: 73px;
    background-position: -317px -264px;
}


.bg-char:nth-child(3n+3){
    width: 81px; height: 75px;
    background-position: -435px -346px;
}


.bg-balloon,.bg-balloon:nth-child(4n+1){
    width: 100px; height: 200px;
    background-position: -10px -198px;
}


.bg-balloon:nth-child(4n+2){
    width: 97px; height: 200px;
    background-position: -435px -10px;
}


.bg-balloon:nth-child(4n+3){
    width: 97px; height: 200px;
    background-position: -200px -10px;
}

.bg-balloon:nth-child(4n+4){
    width: 98px; height: 200px;
    background-position: -317px -10px;
}
.par-star-4{max-width: 340px;margin: 0px auto;}
.bg-star,.bg-sheep,.bg-shape1{margin: 5px 4px;transform: scale(0.8);-ms-transform: scale(0.8);font-size: 30px;cursor: pointer;position: relative;line-height: 102px;color: #222;font-weight: bold; background-position: -25px -574px;  width: 106px;height: 128px;}
.bg-star:nth-child(4n+1){	
   background-position: -25px -574px;  
}
.bg-star:nth-child(4n+2){	
   background-position: -521px -574px;  
}
.bg-star:nth-child(4n+3){	
   background-position: -347px -574px;  
}
.bg-star:nth-child(4n+4){	
   background-position: -189px -574px;  
}
.bg-sheep{line-height: 112px; background-position: -36px -853px; width: 170px;height: 126px;padding-left: 30px;}
@keyframes rotateShape{
  from { -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);}
  to {
   -ms-transform: rotate(5deg); /* IE 9 */
  transform: rotate(5deg);
  }
} 
.bg-shape1,.bg-shape2{line-height: 60px;color: #fff;transform: scale(1);font-size: 24px; vertical-align:top; background-position: -4px -744px; width: 150px;height: 78px;padding: 0px 40px 0px 52px;margin: 0px 0px;}
.bg-shape2{background-position: -238px -744px}
.bg-shape1.checked,.bg-shape2.checked{	
   background-position:-486px -744px;  
}
.bg-flower{
    width: 140px;
    height: 132px;
    background-position: -16px -26px; line-height: 123px;color: #0e9286;font-size: 30px;transform: scale(0.7);
    cursor: pointer;font-weight: bold;
    position: relative;
}
.bt_show_hd{
    display: none;
    border: 1px dashed #58960f;
    color: #ff3b7b;
    padding: 5px 16px 5px 50px;
    position: relative;   
    background-color: #fff;margin-bottom: 14px;
    margin-right: 10px;border-radius: 40px;cursor: pointer;
    line-height: 25px;font-size: 17px;box-shadow: 1px 2px 2px 0 #999;
}

.bt_show_hd::after {
    background-position: -330px -182px;
    content: "";
    width: 41px;
    height: 37px;
    display: inline-block;
    position: absolute;
    z-index:1;
    left: -4px;
    top:-2px;
}
.qz_pop_layout{text-align: center;
    padding-top: 24px;
    color: red;}

.style-number,.reorder_number .item_reorder{text-shadow: 2px 1px #676464;font-size: 50px;color: #f5a5c3;margin: 10px;font-weight: bold; height: 50px;padding: 10px 10px;display: inline-block;line-height: 50px;text-align: center;}
.style-number {margin: 10px 0px;font-weight: bold;font-size: 45px; height: 70px; line-height: 70px;}
.style-number strong{font-size: 45px !important;}
.style-number strong:nth-child(4n+1),.reorder_number .item_reorder:nth-child(4n+1),.container_reorder:nth-child(4n+1) .item_reorder{
    color: #f5a5c3;
}
.style-number strong:nth-child(4n+2),.reorder_number .item_reorder:nth-child(4n+2),.container_reorder:nth-child(4n+2) .item_reorder{
    color: #0a7b71;
}
.style-number strong:nth-child(4n+3),.reorder_number .item_reorder:nth-child(4n+3),.container_reorder:nth-child(4n+3) .item_reorder{
    color: #e0143a;
}
.style-number strong:nth-child(4n+4),.reorder_number .item_reorder:nth-child(4n+4),.container_reorder:nth-child(4n+4) .item_reorder{
    color: #00b9f1;
}
.style-number input{height:55px; border:1px solid #8e8888;font-size: 40px !important; border-radius:4px; text-align:center; color:#000; width: 56px;}
.elmHide,.bt_tit_true_answer .hide_answer{display: none;}
.bt_tit_true_answer .elmHide{display: inherit;}
.bt_tit_true_answer .fill_dr_blank{min-width:auto;height:auto;vertical-align: baseline; line-height: 30px; border:none}
.bt_tit_true_answer .empty{display: none;}
.txt_green,.bt_tit_true_answer .elm_true{color:#25b325}
.bt_tit_true_answer .fill_dr_blank{height: auto;line-height: initial;min-width:auto;border: none;} 
.elm_relative{position: relative;}
.box_matching .style-number{font-size: 34px;height: 54px;line-height: 54px;padding: 0px;} 
.box_matching .style-number input{width: 40px;font-size: 26px !important;height: 34px;}
/*REORDER*/
.box_reorder_table{position:relative;background: #fff;max-width: 350px;margin: 0px auto; padding-top:70px}
.reorder_table{background:#faf4ca; width: 330px; height:330px; border-radius:6px; box-shadow: 1px 1px 3px #ccc;padding:5px;margin:30px auto; }
.reorder_table .col{ margin: 5px;background-color:#f59d65; color:#fff; font-size:50px;  position:relative;height:100px; width:100px;line-height: 100px; text-align:center;float: left;}
.drag_number{background-color:#00a3e0; color:#fff; font-size:40px; height:64px; width:64px; text-align:center;line-height: 64px;position:absolute;top: 5px; cursor:all-scroll;z-index:99}
.dr_num_draged{height:100px; width:100px;line-height: 100px}
.drag_number_0{left: 64px;}
.drag_number_1{left:148px;}
.drag_number_2{left: 232px;}

.drag_number.ui-draggable-dragging,.drag_number.drag_click{box-shadow:1px 2px 7px #171616;z-index:999; line-height:64px}
.col.drop_number{background-color:#00a3e0; cursor:pointer}
.drag_number_clicked{background-color: #f59d65;}
.col.drop_number_clicked{background: #fff;box-shadow: 0px 0px 5px #00a3e0;}
.dr_num_draged{box-shadow: none;background-color:#00a3e0;}
.drop_number span{position: absolute; top: 10px; left: 10px; z-index: 9999; font-size: 25px;    line-height: 30px;}

.box_reorder{text-align: center; margin-top:20px}
.box_reorder .box_reorder_top {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.box_reorder .box_reorder_bottom,
.box_reorder .box_reorder_top {
    display: block;   
    width: 100%; 
}
.item_reorder{position: relative;}
.reorder_number .item_reorder{ line-height: 68px; cursor: pointer; padding: 0px;}
.container_reorder .item_reorder{margin:0px}
.reorder_number  .container_reorder{
    border-radius: 10px; height: 68px; line-height: 68px; min-width: 80px; border:1px dashed #007F9F; margin: 10px;display: inline-block;vertical-align: top;
}
.basic_reor .style-number {margin:0px}
.basic_reor .style-number strong{margin: 10px 20px}
.reorder_sentence .item_reorder{ background-color: #1882d6;
   cursor: pointer; margin:10px;min-width: 46px;
    border-radius: 8px; box-shadow: 0 3px 0 #0f65a9, 0 0px 3px rgba(0, 0, 0, .35); color:#fff !important;padding: 5px 10px;font-size: 20px;display: inline-block;
}
.reorder_sentence .container_reorder{border-radius: 10px; height: 60px; line-height: 60px; min-width: 80px; border:1px dashed #007F9F; margin: 10px;display: inline-block;vertical-align: top;
}
.chose_container{border: 2px dashed #007F9F !important}
.reorder_sentence .container_reorder .item_reorder{margin:0px;line-height: 47px;min-width: 60px;}
.reorder_sentence .icon-audio{transform: scale(0.7); -ms-transform: scale(0.7);top:1px}
/*drop_blank*/
.box_drop_blank{text-align: center;}
.drop_content,.cont_drb_true{position: relative;}
.box_drop_blank sub{margin-left: -29px;    display: inline-block;    min-width: 25px;}
.box_drop_blank sub{vertical-align: -webkit-baseline-middle;}
.drop_content  span{position:relative}
.box_drop_blank  sup{margin-left: -36px;font-size: 45px;display: inline-block; height: 16px;   overflow-y: hidden;position: absolute; top: -14px;line-height: initial;vertical-align: initial;}
.cont_drb_true sub{margin-left: -18px;min-width: 22px;display: inline-block;}
.cont_drb_true sup{margin-left: -10px;font-size: 30px;display: inline-block;height: 15px;overflow-y: hidden;position: absolute;top: -10px;}
.list_word{max-width: 600px;text-align: center;margin: 0px auto;}
.fill_dr_blank .word_dr_active{position: relative;}
.drop_sentence .drop_content{font-size: 46px;color: #0aa9d4;margin-top: 30px;}
.drop_content_col{color: #013d6d;max-width: 580px;display: table;margin: 30px auto 10px;}
.drop_content_col .drop_col{ border: 1px dashed #013d6d; border-radius: 4px;margin:6px;min-width: 160px;font-size: 22px;float: left;height: 44px;line-height: 44px;}   
.drop_content_col .fill_dr_blank{background: #e8e8e8;min-width: 80px; float: right; height: 44px;border-bottom:none; border-radius: 4px;line-height: 44px;}
.drop_content_col .fill_dr_blank .empty{font-size: 22px;}
.drop_content_col .fill_dr_blank .word_dr_active{font-size: 20px;width: 100%; display: inline-block;color: #fff;}
.item_word{display: inline-block;margin-right: 10px;margin-top: 20px;font-size: 30px;border-radius: 4px;position: relative;border: 1px dashed #8a8585;height: 46px;}   

.drop_col .elm_true,.drag_mat.elm_true{background-color: #4CAF50 !important;}
.drop_col .elm_false,.drag_mat.elm_false{background-color: red !important;}
.drop_content .elm_true{color:#25b325 !important}
.drop_content .elm_false{color:red !important}
.box_drop_col .item_word{font-size: 20px;border:none; box-shadow:none}
.box_drop_col .word_dr_active{background: #013d6d;border-radius: 4px;color: #fff;}
.box_drop_col .word_dr_active.ui-draggable-dragging{z-index: 9999; font-size: 18px;}
.box_drop_col .item_word span{min-width: 90px; padding:6px 10px}
.box_drop_col .item_word .word_static{background: #e8e8e8;}  
.item_word span{padding:  6px 20px;display: inline-block; text-align: center;line-height: 32px;height: 32px;overflow-y: hidden;} 
.drop_part .item_word{border:none; margin-top:5px}
.item_word .icon-audio{transform: scale(0.8);-ms-transform: scale(0.8);top: 2px; right:-27px}
.drop_part .item_word span{font-size: 36px; line-height: 50px;font-weight: bold; height: 50px;}
.drop_part .drop_content{font-size: 24px;color: #262626;margin-top:30px;line-height: 55px;}
.drop_part .fill_dr_blank{border-bottom: 1px dashed #838b8e;text-align: left;height: 30px;line-height: 30px;min-width: 20px;}
.drop_part .fill_dr_blank .empty{font-size:22px;display: inline-block;margin: 0px auto;width: 100%;text-align: center;color: #ccc;}
.drop_part .fill_dr_blank .word_dr_active{font-size:24px;}
.item_word .word_static{color: #ccc;}

.word_dr_active{cursor: all-scroll; position: absolute; z-index: 99;left:0px;color: #000;}   
.drop_part .word_dr_active{color:#03A9F4}
.drop_sentence .word_dr_active.ui-draggable-dragging{color: #03A9F4; border:none; font-size: 50px;}       
.fill_dr_blank{display: inline-block;border-bottom: 2px dashed #00aeef;min-width:30px;height: 60px;}
.fill_dr_blank .empty{font-size: 28px;}
.drop_sentence .fill_dr_blank{text-align: left;}
.drop_sentence .fill_dr_blank.no_word{text-align: center;}
.drop_sentence .fill_dr_blank .word_dr_active{color: #157dad; border:none;font-size: 46px;}
.drop_blank_hover{border:1px dashed #00aeef !important}
.drop_col_result{width: 40%; display: inline-block;color: #000;text-align: left; margin: 5px;}
.drop_content .icon-audio{position: initial;transform: scale(0.9);-ms-transform: scale(0.9);vertical-align: middle;}
/*MATCHING*/
.mat_true{margin: 0px 30px;}
.box_matching_txt{position:relative;color: #7f321b;}
.point{width: 30px;    height: 30px; z-index: 2; background-position: -658px -500px;text-align: center;   line-height: 26px; font-weight: bold; cursor: pointer;}
.point.active,.point.matched{background-position: -620px -500px;}
.line{ height:2px; position:absolute;  border-top: 2px dashed #000;  z-index: 1;}
.mat-cont{display:flex; align-items: center;}
.mat-cont  div{text-align:center;height: 54px;   width: 287px;font-size: 21px;display: flex;align-items: center;text-align: center;justify-content: center;}
.mat-cont  div strong{font-size: 24px;}
.mat-cont .style-number{font-size: 30px;height: 32px;line-height:32px;color: #000;}
.mat-cont .style-number input{font-size: 22px !important;height: 30px;}
.mat-left .bg-cont{background-position: -18px -487px; margin-right:10px}
.mat-right .bg-cont{background-position: -313px -488px; margin-left:10px}
.mat_txt{flex: 1;display: flex;margin: 30px auto;text-align: center;justify-content: space-around;max-width: 800px;}
/*matching img*/
.box_matching{max-width: 800px;margin: 10px auto; text-align: center; position: relative;margin: 20px -2%;}
.mt_drop,.mt_drag{ background-size: 100% 100%; width:43vw; max-width: 353px; height:42vw;max-height:261px; position: absolute;display: table; font-size: 1.5rem;}
.mt_drag{background-image: url(/file/common/grade/img/m-mat-drag.png);padding: 0px 3vw 0px 0;right:2vw}
.mt_drop{background-image: url(/file/common/grade/img/m-mat-drop.png);padding: 0px 0px 0 3vw; left:2vw}
.box_mat_2{height: 90vw;}
.box_mat_3{height: 140vw;}
.box_mat_4{height: 210vw;}

.box_matching .cont{vertical-align:middle; display: table-cell;}
.box_matching .mt_drop .cont{padding-right: 20px; width: 100%;}
.box_matching .mt_drag .cont{padding-left: 20px; width: 100%}
.box_matching .lt123_imgs{max-width: 160px; width: auto;}
.mt_drop .lt123_imgs_1 img{max-width: 126px; max-height: 24vw;}
.mt_drop .lt123_imgs_2 img{width: 32%; max-height: 24vw}
.mt_drop .lt123_imgs_3 img{width: 18%; max-height: 24vw}
.box_matching .inx{position: absolute;
    top: -14px;
    background: #397dd1;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;}
.box_matching .icon-audio{top: 2px;transform: scale(0.8);-ms-transform: scale(0.8);z-index: 10;}      
.box_matching .mt_drag .icon-audio{right:2px}
.box_matching .mt_drop .icon-audio{left:2px}
.box_matching .mt_drop .inx{left:-8px}   
.box_matching .mt_drag .inx{right: -8px; background: #aaa04c;}  
.box_matching .mt_drag.elm_true .inx {background-color: #20b126;}
.box_matching .mt_drag.false .inx {background-color: red;}
.box_matching .drop_clicked .inx,.box_matching .drag_clicked .inx{background: #ee761e;}
.box_matching img{max-width: 40vw;max-height: 32vw;}
.box_img{border: 2px solid #397dd1; border-radius: 8px 8px 0px 0px; height: 140px;}
.drop_mat_img{border: 2px dotted #397dd1; border-top:none;border-radius: 0px 0px 8px 8px; height: 100px;}
.drop_mat_img.drag_hover_mt{background: #d2e6ff !important;}
.box_matching .lt123_imgs ,.box_matching .lt123_img{margin: 0px auto}
.box_matching img{max-width: 114px; width: auto; max-height: 110px; margin :0px}
.drag_mat{position: absolute;z-index: 99;width: 176px;border: 2px dotted #397dd1; border-radius: 0px 0px 8px 8px;height: 100px;line-height: 100px; top:290px; color:#397dd1}
.drag_mat.txt_big{font-size: 55px;}
.drag_mat.txt_small{font-size: 26px;}
.drag_mat_static{z-index:9;color:#ccc; border-color: #ccc;}
.drag_mat_active{cursor: all-scroll; background-color: none;}
.drag_mat_active.ui-draggable-dragging,.drag_mat_active.drag_clicked{background-color: #397dd1; color:#fff}
.drop_mat_img.drop_clicked{border-color: #FF5722;} 
.box_img .elm_true{background: #4CAF50;position: absolute;top: 112px;color: #fff;padding: 0px 10px;font-size: 20px;min-width: 20px;}

.find_word_cont{max-width: 600px;margin:40px 0px 20px 40px; text-align: center;font-size: 26px;}
.find_word_cont span{cursor: pointer;}
.find_word_cont .checked{color:#029cd8}
.basic_q_title p,.basic_q_title  div{margin-bottom: 20px;}
.find_word_cont .checked.elm_true{color:#4CAF50;}
.find_word_cont .checked.elm_false{color:red;}
.find_word_cont .icon-audio{position: initial; vertical-align: middle; }
.box_imgs{
    display: inline-block;
    margin: 10px 30px;
    position: relative;
    border-radius: 10px;}
.box_imgs strong{position: absolute;
    top:50%;
    background: #2196F3;
    color: #fff;
    padding: 0px 10px;
    left: -30px;
    border-radius: 10px 0px 10px 0px;}    
/*GAME*/
.bg-classic-checkbox{border:1px dashed #222; border-radius: 8px; cursor: pointer; margin:6px;min-width:100px;display: inline-block; text-align: left; background: #cddc3914; position: relative; padding: 10px 10px 10px 48px;}
.bg-classic-checkbox::before{position: absolute;content: "";width: 42px;height: 100%; border-radius: 8px 0px 0px 8px;left: -2px;top: -1px;background: #efe9e91f; border-right: 1px solid #a79d9d;}
.bg-classic-checkbox.checked{font-weight: bold;}
.cont-img .bg-classic-checkbox::before{border-bottom: 1px solid #ccc; border-radius: 8px 0px 0px 0px;}
.par-classic-checkbox.cont-img .bg-classic-checkbox{width: 90%}

.bg-classic,.basic_radio_img,.bg-cloud{border:2px solid #312825;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;    
    background: none;
    position: relative;    
    text-align: center;}
    
 .basic_radio_img{border: 1px solid #ccc;
    background: none;
    justify-content: space-around;
    margin: 10px 2%;
    align-items: center;
    width: 86%;
    padding: 10px 3%;}  
	.block{display:block}
.basic_radio_img .cont-img{display: table-cell;width: 300px;vertical-align: middle;} 
.cont-img img{ vertical-align: middle; max-width:300px;}
img.small,.img_dd.small{max-height:70px !important;}
img.tiny,.img_dd.tiny,.img_dd.sl{max-height:50px !important;}
.cont-img.lt123_imgs_1 img{max-height:120px;}
.cont-img .img_dd.tiny{max-height: 50px !important;}
.cont-img .img_dd.small{max-height: 60px !important;}
.basic_q_title .lt123_imgss img,.basic_q_title .lt123_imgss6 img,img.tiny{max-height:60px;}
.bt_tit_true_answer .icon-audio{display: none;}    
.bt_tit_true_answer .basic_radio_img{float: none;display: inline-block;}
 .basic_radio_img.checked{box-shadow: 0px 0px 20px #0a92e2;border: 1px solid #0a92e2;}
 .bg-classic,.bg-cloud{box-shadow:1px 1px 4px #929090;margin: 10px 2%;  padding: 15px 2%;  min-width: 50px; background: #ffc10714;}
 .b_choose_1 .bg-classic{width: 40%;}
 .b_choose_2 .bg-classic,.bg-cloud{width: 86%;}
 .bg-classic.checked,.bg-cloud.checked{background: #03A9F4;border-color: #03A9F4; color: #fff;}
.option_type_number .bg-classic{font-size: 30px;} 
.bg-balloon{margin:0px 10px;transform: scale(0.7);-ms-transform: scale(0.7); font-size: 50px; cursor: pointer; position: relative;  
    line-height: 108px;
    color: #fff;
    font-weight: bold;}
.par-balloon-4 .bg-balloon{margin:0px 20px;}
.animated.bg-balloon,.animated.bg-flower,.animated.bg-sheep,.animated.bg-star,.animated.bg-shape1,.animated.bg-shape2{animation: show 1s  ease-out;}   
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
}
.animated.bg-balloon.checked,.animated.bg-flower.checked,.animated.bg-star.checked,.animated.bg-sheep.checked,.animated.bg-shape1.checked,.animated.bg-shape2.checked{  
    animation: zoomOut 1s  ease-out;
}
.bg-balloon.checked,.bg-flower.checked,.bg-star.checked,.bg-sheep.checked,.bg-shape1.checked,.bg-shape2.checked{  
  transform: scale(1);-ms-transform: scale(1);
}
.checked.bg-balloon::after,.checked.bg-flower::after,.bg-classic-checkbox::after,.checked.bg-star::after,.checked.bg-sheep::after{
    content: "";
    width: 21px;
    background-position:-570px -361px;
    border-radius: 12px;
    height: 21px;
    top: 81px;
    left: 39px;
    position: absolute;
}
.bg-star.checked::after{top: 80px; left: 75px;background-color: #5283ff;}
.bg-sheep.checked::after{top: 82px;left: 87px; background-color: #5283ff;}
.checked.bg-flower::after{top:72px;left: 90px;background-color: #0d9286;}
.bg-classic-checkbox::after{
    left:6px; top:15px;border: 1px solid #222;background-color: #fff;
}
.bg-classic-checkbox.checked::after{left:6px; top:15px;background-color: #ee761e;}

    @keyframes show {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(0.8);
        }
    }    
@keyframes zoomOut {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}


.lt123_box_gopy {
    background: #fff;
    box-shadow: 1px 2px 10px #525a5f;
    border: 1px dashed #00BCD4;
    top:65px;
    height: 480px;
    right: 5px;
    position: absolute;
    width: 320px;
    z-index: 9999;
  }
  .lt123_gopy_title {
    cursor: move;
    font-size: 22px;
    color: #3493bc;
    background-repeat: no-repeat;
    border-bottom: 1px solid #d4d3d1;
    height: 45px;
    margin-left: 20px;
    margin-top: 15px;
    width: 86%;
  }
  .lt123_gopy_noti {
    color: #7c7c7c;
    font-family: Times New Roman;
    font-size: 14px;
    font-style: italic;
    line-height: 23px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: justify;
    width: 86%;
  }
  .lt123_gopy_area {
    border: 1px solid #dfdfdf;
    border-radius: 5px;  
    font-size: 15px;   
    height: 155px;
    margin-left: 11px;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 10px 0 10px 12px;    
    width: 88%;
  }
  .lt123_box_gopy .lt123_btn_sent {
    background-color: #3493bc;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-family: arial;
    font-size: 14px;
    margin-right: 25px;
    margin-top: 0;
    padding: 3px 40px;
    text-align: center;
  }
  .lt123_box_gopy .lt123_btn_close {
    color: #ed1c24;
    cursor: pointer;
    float: right;
    font-family: arial;
    margin-right: 42px;
    margin-top: 0;
    padding: 3px 5px;
  }  
  .lt123_box_gopy .technic_err{
    color:#7c7c7c;
    margin-left: 15px;
  }
  .box_thank_send .thank_txt {    
      margin-top: 130px;
      padding-top: 35px;
      text-align: center;   
      color: #7c7c7c;
  }
  
  .box_thank_send .thank_txt span {
      color: #ed1c24;
  }
.basic_box a {
    color: #007F9F;  
}

.bg_btclass_report {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 3px; 
    font-size: 13px;
    cursor: pointer;
    float: left;
    margin-top: 0px;
    color: #f4ac00;
    border-top: 2px solid #ffb400;
    height: 25px;
    border-radius: 0px 0px 15px 0px;   
}
.bg_btclass_report:hover{  
    color: #fff;
    background-color: #ffb400;
}
.bg_btclass_report .icon-mail{display: block; margin: 10px auto;}
.bg_btclass_report:hover .icon-mail{   background-position: -12px -347px;}
.icon-mail{background-position:-38px -347px ; width: 23px; height: 16px;}
.box_switch_audio {    border-top: 2px solid #ffb400;display: table;text-align: center;width: 100%;padding-bottom: 10px;}
.box_switch_audio button { background-color:transparent; background-position: 0px -375px;width: 40px;height: 29px;margin: 10px auto;border: none;cursor: pointer;display: table;}
.box_switch_audio button.muted {background-position: 0px -404px;}

.instruction_ex {
    color: #b1b1b1;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    width: 90%;
    display: inline-block;
    margin: -5px 5% 20px;
}
.text_italic {
    font-style: italic;
}
.text_center {
    text-align: center;
}

.basic_ex {
    color: #e80676;
}
.basic_text_upper {
    text-transform: uppercase;
}
.basic_mark {
    color: #F10FA9;
}
.basic_mark_text {
    color: #01688F;
}

.bs_text_underline {
    text-decoration: underline;
}
.text_translate {
    color: #a96002;
}
.text_underline {
    border-bottom: 1px solid;
    padding-bottom: 1px;
}

.basic_item {
    float: left;
    margin-left: 45px;
    width: 605px;
}
.basic_box table td {
    border: 1px solid #DDD;
    padding: 0 10px;
    text-align: center;
}
.basic_box table th {
    border: 1px solid #DDD;
    padding: 0 10px;
    text-align: center;
}
.basic_question {  	
    color: #222;
    margin: 15px 3%;  
    position: relative;
}
.basic_question strong,.basic_question h1,.basic_question h2, .basic_question h3{font-weight:normal; font-weight: bold;}
#popup_no_answer{position: absolute; display: none;
    top: 0px;
    width: 100%;
    height: 100%;
    background:none; z-index: 99;
    align-items: center;}
.cont-popup{margin: auto;
    display: table;
    width:90%; max-width: 500px;
    box-shadow: 1px 1px 18px #868383;
    background: #fff;
    text-align: center;
    position: relative;}    
   
.icon-pet{margin: 20px 0px 0px; background-position: -144px -340px; width: 92px; height: 93px;}
.icon-close{ background-position: -607px -360px; width: 24px; height: 24px; position: absolute; top:10px; right:10px; cursor: pointer;}
#btn_close,#btn_continue{display: inline-block; margin:20px  10px}
#btn_continue{background-color: #00aeda;}
.basic_q_title {   
    text-align: center;
   overflow-x: auto;
    display: inline-block; position: relative; width: 100%;min-height: 50px;
}
.bt_tit_true_answer {
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    color: #ec5c51;    
    margin-top: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center; display:none;
}
.bt_tit_true_answer .txt_true{font-weight: bold; color:#71bb5a;display: inline-block;padding-left: 10px;}
.bt_tit_true_answer p, .bt_tit_true_answer div{ color:#000}
.big_letter{font-size: 100px;  line-height: 100px;font-weight: bold;color: #ec5c51;}
.basic_explain {    
    line-height: 190%;
    text-align: left;
    padding: 20px 30px;
    width: auto;  
    background: #eef7fc; display:none;
}
.basic_explain p{margin: 10px 10px 10px 50px}
.basic_explain h1{font-size: 26px;margin: 0px;}
.basic_text {
    float: left;
    padding-top: 2px;
    font-weight: 700;
    color: #252525;
    vertical-align: middle;
}
.basic_note_part {
    font-weight: 700;
    color: #E84B00;
    width: 100%;
    float: left;
    margin: 20px 0 0;
}
.basic_alert_sb {
    margin: 20px auto 0;
}
.h2_title {
    font-weight: 700;
    color: #07659B;
    margin-top: 15px;
}
.h3_title {
    font-style: italic;
    color: #CA0F5A;
    margin-top: 15px;
}
.box_bt_ctrl {
    width: 100%;
    text-align: center;   
    margin-top: 10px;
}
.basic_bt_ctrl{  
    display: none;
    background: #ffb400;
    border-radius: 40px;
    box-shadow: 1px 2px 2px 0 #999;
    color: #fff;
    cursor: pointer;   
    line-height: 25px;
    padding: 7px 30px;font-size: 20px; border: none;
    position: relative;       
}
.elm_hide{display: none;}
.elm_show{display: initial;}
.basic_bt_ctrl span{display: inline-block;
    vertical-align: middle;}
.icon-btn-check{width: 21px;
    height: 20px;   
    background-position: -390px -184px;
    margin-left: 18px; 
    }  




.basic_drop_drag {
    margin: 10px auto;
    text-align: center;
    width: 95%; 
}



.basic_sentence_re_drop {
    margin: 0 auto;
    text-align: center;
    width: 95%;
    margin-top: 20px;
}
.basic_drop_re {
    border: 1px dashed #B2B2B2;
    color: #333;   
    font-weight: 700;
    text-align: center;
    height: 30px;
    display: inline-block;
    min-width: 70px;
    margin: 0 7px -10px;
}

.drag-hover {
    border: 1px solid #F90;
}
.basic_cent_ans {
    color: #004080;
    font-size: 17px;
    font-style: normal;
    float: left;
    margin: 20px 20px 0 35px;
}
.basic_word_drop_bl {
    display: inline-block;
    width: 90%;
    margin-left: 7%;
    padding-bottom: 20px;
    
    text-align: center;
}
.basic_word_drop_bl .basic_dpbl_drag{
    padding: 0px 10px;
    margin: 5px;
}
.basic_dpbl_drag {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
}

.basic_dpbl_drag_static {
    color: #B2B2B2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.basic_word_drop_bl .basic_dpbl_drag_re, .basic_word_drop_bl .basic_dpbl_drag{
    border: 1px dashed #ccc;
}
.basic_dpbl_drag_re {
    position: absolute;
    color: #362424;
    cursor: all-scroll;
    z-index: 10;
    left: 0;
    background-color: #fff;
}

.droped_br_bl {
    float: none;
}
.basic_drop_bl_hover {
    border: 1px solid #65C1E8;   
}

.basic_item_drop_bank {
    display: inline-block;
margin-right: 15px;
margin-top: 20px;
position: relative;
box-shadow: 2px 3px 5px #ccc;
}
.drop_bl_clicked {
    border: 1px dashed #E84B00;
}
.drag_bl_clicked {
    background: #FFD5BF;
}

.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.sen {
    float: left;
    margin-bottom: 1px;
}
.basic_chk_check {
    float: left;
    margin-right: 5px;
    height: 12px;
    width: 18px;
    margin-top: 6px;
}
.basic_ck_item_ic_ck {
    background-position: -253px -675px;   
}
.bg_checkbox_0 .basic_ck_item_ic{display: none;}
.basic_ck_item_text {
    padding-left: 10px;
    line-height: 22px;
    width: 80%; font-size:20px;
    text-align: justify;
    cursor: pointer;
}
.basic_ck_item_text img {
    margin-top: 10px;
}

.basic_box_seq {
    display: inline-block;
    margin: 10px 150px;
    position: relative;
    width: 100%;
}
.basic_box_seq .qz_correct_cil{right:-40px;}
.basic_sequence_drop {
    max-width: 600px;
    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 {
    max-width: 600px;
    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: 15px;
    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;
}

.qz_correct_cil {
    background: #58960f;
}
.qz_incorrect_cil {
    background: red;
}
.drag_hover_mt {
    color: #F09;
}
.drag_hover_mt1 {
    color: #f09;
}
.drag_hover_mt1 img {
    border: 1px solid #f09
}

.basic_true_text {
    color: #E800E8;
    font-weight: 400;
    display: inline-block;
    padding: 5px;
}
#load_file_js {
    clear: both;
}
.basic_content_bl .stt_text {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.basic_list_word {
    word-spacing: 20px;
    font-weight: 700;
    border: 1px solid #aeaeae;
    margin: 20px;
    padding: 10px 20px;
}
.basic_group_item_val {
    width: 90%;
}
.basic_word_list {
    border: 1px solid#ccc;
    text-align: center;
    width: auto;
    margin: 10px auto;
    padding: 15px;
}
.basic_box_border {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    padding: 10px;
}
.box_non_vip {
    display: inline-block;
    background: none repeat scroll 0 0 #E1F1D0;
    color: #a15600;
    border-radius: 8px;
    padding: 10px 15px;
}

.basic_text_alert {
    font-weight: 700;
    font-size: 15px;
}
.basic_total {
    background: #e67100;
    border-radius: 6px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    padding: 5px;
}
.img_left {
    float: left;
    margin-right: 5px;
}
.box_note {
    background: #eae672;
    text-align: justify;
    width: 500px;
    box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.3);
    color: #333;
    margin: 30px auto;
    padding: 10px 20px;
}
.box_note .text_ques {
    font-family: Satisfy;
    font-size: 20px;
    padding: 20px;
}
.box_note p {
    padding-left: 20px;
    background-position: -200px -540px;
    margin: 5px;
}

.box_content {
    background: #F5F5F5 none repeat scroll 0 0;
    border-radius: 5px;
    color: #394040;
    margin: 10px auto;
    padding: 10px;
}


.box_drop_sentense {
    float: left;
    width: 47%;
    margin-bottom: 20px;
    margin-right: 3%;
}
.box_drop_sentense .key {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #277200;
    color: #fff;
    border-radius: 31px;
    text-align: center;
    line-height: 42px;   
    font-size: 18px;
    position: relative;
    margin-right: -20px;
}
.box_drop_sentense .drop_group_item {
    height: auto!important;
    min-height: 60px;
    line-height: 30px;
    border: 1px solid #277200;
    width: 290px;
    display: inline-block;
    padding: 4px 0 4px 20px;
}
.bs_dr_sentence {
    padding-bottom: 0;
    border-bottom: none;
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
}
.bs_dr_sentence .basic_dpbl_drag {
    font-weight: 400;
    padding: 0 5px;
}
.bs_dr_sentence .basic_item_drop_bank {
    margin-right: 0;
    margin-top: 0;
    border: none;
}
.box_drop_sentense .drop_group_item .basic_dpbl_drag_re {
    line-height: 27px;
    border: none;
    background: #DCF3EA;
    margin-right: 6px;
    margin-top: 6px;
    margin-left: 6px;
    border-radius: 4px;
    padding: 0 3px;
}
.basic_question table,
.basic_box table {
    border: 1px solid #DDD;
    border-collapse: collapse;
    max-width: 600px;
    margin: 10px auto;
}
.active,
.basic_active{
    display: block;
}
.text_note {
    color: #13839E;
    font-style: italic
}

.__baitap_star {
     background-color: #fff;
    border-radius: 0 15px 15px 0;
    box-shadow: 1px 1px 5px 0 rgba(153, 153, 153, 1);
    cursor: pointer;
    left: 990px;
    margin-top: 20px;
    padding-bottom: 7px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 106px;  
    font-size: 16px;
    color: #000;
}
.icon-bt-star{width: 21px; height: 20px; background-position:-82px -347px ; margin:10px 2px; display: inline-block;}
.bt_show_ans {
    background-color: #f2fde5;
    border-radius: 5px;
    display: none;
    margin-top: 15px;
    padding: 15px 30px;
}
.bg_btclass_right {
    background-color: #fffff0;
    border-radius: 0 15px 15px 0;
    box-shadow: 1px 1px 5px 0 rgba(153, 153, 153, 1);
    display: inline-block;   
    left: auto;
    margin-top: 10px;
    position: absolute;
    top: 85px;
    width: 112px;
}

.timer_ques{
    color:#fff;
    text-align: center;
    font-size: 16px;   
}
.timer_ques span{
  background-color: ivory;
    color: #ee7600;  
    font-size: 30px;
    border-radius: 0 0 15px 0;    
}

.top_ques{display: flex; align-items: center; font-family:Arial;   font-weight: 700;background: rgba(238,238,238,.22);color: #4c69ba; font-size: 18px;}
.ques_index {
    text-align: center;
    border-radius: 4px;
    background: #ee7600;
    padding: 0 0px;
    color: #fff;
    height: 35px; font-family:Arial;
    font-size: 18px;
    line-height: 35px;
    margin-right: 24px;
    position: relative; width: 125px;
}
.ques_index:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ee7600;
    border-image: none;
    border-style: solid;
    border-width: 17px;
    content: " ";
    height: 0;
    right: -33px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
}

#data_lesson .title_ex {
    flex:1;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 7px 20px 4px;
    color: #4c69ba;  
    background: #ccc;
}
.icon-audio{position: absolute;  
    width: 40px;
    height: 40px; cursor: pointer;
  }

.icon-audio.play{background-position: -321px -384px;}   
.icon-audio.pause{background-position: -268px -384px;}    
.basic_q_title .icon-audio{left: 0px;top: 0px;}    

.segment{
    display: none;
}
.segment.active {
    padding: 20px 0px 0px; display:table; width:100%;max-width: 770px;
    margin: 0px auto;
}
.box_cont {
    width: 670px;
    margin: 20px auto;
    text-align: center;
    font-size: 18px;
}
.box_cont .lt123_imgs,.box_cont  .lt123_img{margin: 20px auto}
.box_cont .lt123_imgs img,.box_cont .lt123_imgs img{max-width: 400px;}
.your_anwer {
    border-radius:4px;
    color: #fff;   
    padding:4px 10px; display: table;
    text-align: center;
    margin: 10px 0px;
}
.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{color: #c1c1c1;display: block;font-size: 16px;text-align: center;width: 85px;margin-left:25px;}

.bt_html_help {
    color: #2c2c2c;  
    font-size: 16px;
    margin: 0 auto;
    width: 95%;
}
.bt_true_answer {
    color: #000;
   
    font-size: 20px;
    padding-top: 15px;
}
.bt_box_help {
    color: #000;
    display: none;
  
    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;}
.MJX_Assistive_MathML{display: none;}
.check_ques_false{background-color: #dd5555;}
.check_ques_true {background-color: #71BB5A;}
._help_luu_y,._help_goi_y{background-color: #fff0cc;border-radius: 15px;  display: none;color: #b86a1d; margin: 30px auto;padding:16px;position: relative;max-width: 780px;}
.show_hint{ height: 30px;margin: 0 auto;text-indent: 10px;display: table;padding: 10px 0;cursor: pointer;color: #348DC1;}
._help_goi_y ._title{padding-left: 54px; }
._help_goi_y p{color: #000; padding-left: 54px;}
.show_hint span{ display: inline-block; vertical-align: middle;}
.show_hint .icon-hint{cursor:pointer;margin-top:2px;background-position:-434px -184px;height: 25px;width: 25px;}
.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;
}
.box_leaning_cen {height: auto;margin: 0 auto;max-width: 1000px;}
.box_leaning_content {display: inline-block;height: auto;position: relative;width: 100%;}
._box_post_ct {
    font-family: "Tahoma",sans-serif; font-size: 11pt;line-height: 190%;position: relative;width: 100%;}
#basic_main{
   padding: 50px 0px 20px;
}
#data_lesson_loading {
    padding-top: 30px;
}
#basic_box,#lesson_content{display:none}
#lesson_content{min-height: 300px;}

.item_radio {color: #fff;cursor: pointer;line-height: 18px;}
.box_bt_ctrl .show{display: inline-block !important;}




.bg_btclass_right._kt  .point_ques,.bg_btclass_right._kt  .bg_btclass_report{display: none}

/* =============== style result frame =============== */
.num_hde{position:absolute;top:0;left:0;}
#result {
    width: 100%;
    height: auto;    
    position: absolute;
    z-index: 1; top:60px;
    display: none;
    background-image: linear-gradient(to bottom,#51b6d7,#eff7fa);
    background-color: #53c9f552;
}

#frame_finish{background-image: url("../images/frame_finish1.png");overflow: hidden;height: 346px;margin: auto;opacity: 0;position: relative;top: 0px;width: 100%;background-size: 100% 100%;}
.frame_finish_move{background-image: url(../images/frame_finish3.png);
    height: 120vw;
    left: 0px;
    margin: auto;
    position: absolute;
    top: -100px;
    transform: scale(1, 0.8);
    width:100vw;
    z-index: 1;
    background-size: 100% 100%;}
#result_info{position: relative;top: -70px;}
.frame_total_score{background: url(/file/common/baitap/image/frame_finish2.png); text-align: center;    background-size: 100%;;height: 257px;left: 14vw;margin: 20px auto;position: absolute;top: 5px;width: 287px;z-index: 9999;}
#total_score{color: #fff200;font-size: 55px;font-weight: bold;line-height: 200px;}
.frame_finish_move{-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);}
}
.box_leaning_content h1._title {
    text-align: center;
    margin-bottom: 22px;
    font-family: Roboto-Regular,sans-serif;
    font-size: 22px;
}
#chestnuts{text-align: center; margin-bottom: 15px;}
.chestnut{display: inline-block; position: relative; vertical-align: middle;}
#number_chestnuts{z-index: 9999;font-family: "Skranji Bold"; color: #fff; font-size: 108px; top: -24px; left: 42%; -webkit-text-stroke: 2px #442204; -moz-text-stroke: 2px #442204; opacity: .7;}
.chestnut_i{width: 88px; height: 88px; background-position: -11px -184px; opacity: 1.3;}
.chestnut_i.chestnut_i_static{background-position:-113px -175px;}
#point_other{width: 100%; margin-bottom: 15px;}
#point_other_left,#point_other_right{ margin: 0 0 0 35px; text-align: left;}
.rs_point{font-size: 20px; margin: 0px 0px 10px 0px; opacity: 0;}
.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;}
.point_total_achie {
    width: 100%;
    line-height: 56px;
    font-family: Arial;
    font-size: 20px;
    background-color: #ffbb51;
}
#point_achievement {
    background-color: #00e4ff;
}
.point_total_achie_ct {
    margin: 10px;
}
.point_total_achie span {
    padding-left: 10px;
    vertical-align: middle;
    display: inline-block;
}
.icon-chestnut-small {
    background-position: -96px -292px;
    width: 40px;
    height: 43px;
}
.icon-tt-small {
    width: 49px;
    height: 42px;
    background-position: -209px -184px;
}
._rsp,.pta_old{vertical-align: middle;    padding-left: 20px; color: #fff; 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; width: 55px;}
._rsp{color: #fff200; width: 35px; text-align: left; font-size: 35px;}
._rsp_f{opacity: 0;}
span.pta_name{margin: 0px;display: inline-block;
    vertical-align: middle;}
#rsbuttons{position: relative;text-align: center;z-index: 30;}
.rsbutton{display: inline-block; margin: 0 6px; position: relative; top: 100%; cursor: pointer;}
#bt_review{background-position: -263px -10px; width: 210px; height: 66px;}
#bt_lesson_other{background-position: -10px -97px; width: 216px; height: 67px;}
#bt_lesson_menu{background-position:-10px -10px;width: 223px; height: 67px;}
.button_name{margin: 0 0 0 55px;border-radius: 5px; color: #fff; display: inline-block;  font-size: 17px; height: 66px; line-height: 66px;padding: 0px 10px;}

.box_show_huyhieu{display:none;background-color:#8f5723;bottom: 238px;height: 500px;left: 20%;position: absolute;top: -305px;max-width: 600px; overflow: hidden; z-index: 9999;}
#ach2{top: -104px;  -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);}
}

#point_10_total{left: 104px;top:280px;position: absolute; width: 358px;
    padding: 10px 20px;
    background: #FF5722;
    font-size: 24px;text-align: center;color: #fff;;font-size: 24px; }
#ach3{top:184px;left: 253px;}  
@keyframes pound {
  from { transform: none; }
  50% { transform: scale(0.92); }
  to { transform: none; }
}

.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;}
.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: 2px solid #65C1E8;} 25%{border: 2px solid #C6C6C6;} 50%{border: 2px solid #65C1E8;}  75%{border: 2px solid #C6C6C6;} 100%{border: 2px solid #65C1E8;}} /* Firefox */
@-webkit-keyframes drop_bl_clicked {0%{border: 2px solid #65C1E8;} 25%{border: 2px solid #C6C6C6;} 50%{border: 2px solid #65C1E8;}  75%{border: 2px solid #C6C6C6;} 100%{border: 2px solid #65C1E8;}}/* Webkit */
@-ms-keyframes drop_bl_clicked {0%{border: 2px solid #65C1E8;} 25%{border: 2px solid #C6C6C6;} 50%{border: 2px solid #65C1E8;}  75%{border: 2px solid #C6C6C6;} 100%{border: 2px solid #65C1E8;}} /* IE */
@keyframes drop_bl_clicked {0%{border: 2px solid #65C1E8;} 25%{border: 2px solid #C6C6C6;} 50%{border: 2px solid #65C1E8;}  75%{border: 2px solid #C6C6C6;} 100%{border: 2px solid #65C1E8;}}

    .drop_bl_clicked{     
    animation:drop_bl_clicked normal 2s infinite ease-in-out; 
    }

.basic_word_drop_ms {
    display: none;
    width: 90%;
    margin-left: 7%;
    padding-bottom: 20px; 
    text-align: center;
}
.basic_content_mistake_select .mistake_item{
    color: green;
    text-decoration: underline;
}

.basic_dpgw_drag {
    float: left;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    padding: 0 10px;
}
.basic_dpgw_drag_re {
    position: absolute;
    position: absolute;
    background-color: rgba(131, 181, 185, 0.37);
    border-bottom: 1px solid #90B7BF;
    cursor: all-scroll;
    z-index: 10;
    left: 0;
    color: #362424;
    border-radius: 5px;
}
.basic_drop_gw_item {
    border: 1px dashed #B2B2B2;
    color: #333;   
    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;
    position: relative;
    box-shadow: 3px 3px 2px #ccc;
    border-radius: 5px;
}
.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;
}

.basic_hoi_gray1 {  
    color: #C6C6C6;
    display: inline-block;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    width: 45px;
}

.bt_popup_result {
    background-image: url("https://www.luyenthi123.com/file/luyenthi123/common/baitap/image/bt_result.png");
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 40%;
    left: 0px;
    display: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bt_popup_result img:nth-child(1){max-width: 260px;}
span#_bt_helps{
    background-position: -128px -306px;
    width: 31px;
    height: 31px;
    display: block;
    clear: both;   
    position: absolute;
    bottom: 21px;
    right: 15px;
    z-index: 99;
    cursor: pointer;
}
.box_report_err{ 
    width: 130px;
    height: 31px;
    clear: both;
    color: #EFBA56;
    position: absolute;
    bottom: 10px;
    right: 55px;
    z-index: 99;
    cursor: pointer;
    font-size: 15px;
}
.point_ques ._point_plus{color: #65b24a; position: absolute; top: 35px;display: none;}
.point_ques ._hint_point{cursor:pointer;margin-top:2px;background-position: -45px -315px; display: inline-block!important;height: 15px;width: 22px;}

.keyboard_fixed {
    margin: 0 auto;
    background-color: #7e2a3a;
    padding: 0px;
    clear: both;  
    position: relative;
}
.kb_fixed_s {
    width: 47px;
    height: 64px;
    background-color: #7e2a3a;
    display: none;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
}
#box_keyboard {
    background-color: #7e2a3a;
    position: fixed;
    bottom: 0px;
    max-width: 750px;
    width: 100%;
    z-index: 99; display: none;
}
.text-center{text-align: center;} 
.text-right{text-align: right;}
#box_keyboard .m-k-table {
    margin-bottom: 0px; width: 100%;
}
#box_keyboard .m-k-table .m-k-blue {
    background-color: #00aeda;
}
.m-k-close{padding:10px; float: right;}
#box_keyboard .m-k-table .m-key {
    border: 1px solid #7e2a3a;
    font-size: 30px;
    width: 20%;
    line-height: 1.4;
    vertical-align: middle;
}
#box_keyboard .m-k-table .m-k-yellow {
    background-color: #f7c743;
}
#box_keyboard .m-k-table .m-k-white {
    background-color: #fff;
}
#box_keyboard .m-k-head {
    color: #fff;
}

#box_keyboard .m-k-head img {
    width: 18px;
    height: 30px; margin-right:20px;
}
#box_keyboard .m-k-table .m-k-red {
    background-color: #f91700; font-size: 2px; position: relative;}
#box_keyboard .m-k-table .m-k-delete img {
    position: absolute;left: 0px;
        width: 100%;top: 7px;
        max-width: 88px;
    
}
#box_keyboard .m-k-table .m-k-enter {  
    font-weight: normal;
    vertical-align: middle;
    background-color: #65b24a;
    color: #fff;

}

#box_keyboard .m-k-table .m-k-enter img {
    width: 5vw; max-width: 40px;
}
.fractions {
    position: relative;
    display: inline-table;
    text-align: center;
}
.fractions span {
    display: table-cell;
}
.fractions .fracItem {
    line-height: 22px;
}
.fractions .tuso {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}
.basic_multiple_choice .fractions .tuso {
    border-bottom-color: #fff;
}
.fractions .mauso {
    margin-top: 2px;
}
.fractions .fracItem,
.fractions input {
    width: 50px;
}
.img_dd {
    margin: 5px;
    display: inline-block;
    border: 1px solid transparent; max-width:300px;
}
.q-has-audio > p:first-child,.q-has-audio > div:first-child{padding-left:40px} 

.bgImage{background-size: 100%; background-repeat: no-repeat;}
.box_matching img.tiny{    max-width:30px !important; max-height: 30px !important;}
.box_matching .lt123_imgs_4 img,.box_matching .lt123_imgs_3 img,.box_matching .lt123_imgs_5 img{  max-width:30px !important;}
.basic_q_title .lt123_imgs_1 img{max-width:270px;max-height: 300px;}
.box_imgs .lt123_imgs{margin:0px}
.tim_x {border: 1px solid #000;text-transform: uppercase; min-width: 100px;padding: 4px 5px;font-weight: bold;font-size: 24px; text-align: center;margin: 10px 10px; }
.input_focus{border-color: orange !important;}
.basic_multiple_choice .basic_explain .fractions .tuso {
    border-bottom-color: #000;
}

._tit_hoi {
    width: 46px;
    text-align: center;
    height: 28px;
    vertical-align: middle; 
    background-color: #e4e1e1;
    color: #000;
    font-weight: bold;
    font-size: 22px;
    border: 1px solid #333;
}
.lt123matrix {
    display: inline-block;
}
.lt123_math {
   
    display: inline-block;
}
.item_col {
    border: 1px solid transparent;
    border-collapse: collapse;
    display: inline-block;    
    margin: 0;
    min-height: 30px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 40px;
}
.clear_both {
    clear: both;
    display: block !important;
    float: none;
    width: 100% !important;
}
.lt123_math > span,.lt123_math > strong,.lt123_math .item_col {
    border: medium none;
    display: table-cell;  
    font-size: 26px;
    height: 32px;  
    text-align: right;
    min-width: 56px;
}
.lt123matrix .mot_so .item_col {
    min-width: 10px;padding: 2px;
}
.bt_ques_instruc_sl span {
    line-height: 28px !important;
}
.item_col.bm {
    border-bottom: 1px solid #000 !important;
}
.item_col.tp {
    border-top: 1px solid #000 !important;
}
.item_col .phep_tinh {
    font-size: 20px;
    position: absolute;
    left: -4px;
    top: -50%;
}
.item_col .tim_x{
    font-size: 22px;
    min-width: 7px;
    width: 12px !important;
    height: 16px;
    padding: 1px;
    margin: 0px;
    text-align: center;
    margin: 4px 0px 0px;
    vertical-align: top;
    
}
.lt123_math .tim_x.x2 {
    width: 100px !important;
}
.lt123_math .item_col .math-gach-cheo {
    position: absolute;
    right: 3px;
}
.lt123_math .item_col .math-gach-cheo-trai {
    font-size: 10px;
    position: absolute;
    right: 2px;
    top: 8px;
}
.item_col.lf {
    border-left: 1px solid #000000 !important;
}

.item_col.rt {
    border-right: 1px solid #000000 !important;
}

.item_col.rt_{
    border-right: none !important;
}
.item_col.rt_:after{
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    width: 1px;
    height: 70%;
    background-color: #000;
}
.item_col.bm {
    border-bottom: 1px solid #000000 !important;
}
.item_col.tp {
    border-top: 1px solid #000000 !important;
}
.bt_ques_instruc_sl span {
    line-height: 28px !important;
}
.item_col.bm {
    border-bottom: 1px solid #000 !important;
}
.item_col.tp {
    border-top: 1px solid #000 !important;
}
.animated.fast {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
  }
  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }
  @-webkit-keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  @keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  .flipInX,.bg-classic-checkbox {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  
@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }
  @keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
  @keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }
  
  .rotateOut {
    -webkit-animation-name: rotateOut !important;
    animation-name: rotateOut !important;
  }
  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    50% {
      opacity: 1;
    }
  }
  
  @keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    50% {
      opacity: 1;
    }
  }
  
  .zoomIn,.bg-classic,.bg-cloud{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }
   /*Tia số*/
  .bt_tiaso {
    background-image: url("/libraries/editor/hack/image/tiaso.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 20px;
    margin-top: 40px;
    min-width: 100px;
    padding-right: 40px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    word-break: normal;
}

.bt_tiaso.no_tia {
    background-image: none;
}

.bt_tiaso.no_tia .so {
    background-image: none;
}

.bt_tiaso.no_tia .topn {
    background-image: none;
}

.bt_tiaso .so {
    background-image: url("/libraries/editor/hack/image/tia_moc.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    margin-left: 40px;
    margin-top: -10px;
    padding-top: 15px;
    text-align: center;
    width: 40px;
}

.bt_tiaso .so:first-child {
    margin-left: -20px;
}

.bt_tiaso .topn {
    background-image: url("/libraries/editor/hack/image/tiaso_1.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 20px;
}

.bt_tiaso .bottom {
    background-image: url("/libraries/editor/hack/image/tia_moc.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 1px;
}

.bt_tiaso .input_so {
    display: inline-block;
    font-size: 16pt;
    height: 30px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 30px;
}

.bt_tiaso .ottia .tim_x {
    margin: 0 auto !important;
    position: static;
    width: 40px !important;
}

.bt_tiaso .separate {
    background: #000000 none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 3px auto;
    width: 90%;
}
.bt_noiso {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 80px;
}
.bt_noiso span {
    display: block;
    float: left;
}
.bt_noiso .line_capso {
    background-image: url(/libraries/editor/hack/image/line_capso.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 30px;
    margin-left: 0;
    margin-top: -7px;
    text-align: center;
    width: 95px;
}
.bt_noiso .o_so {
    font-size: 20px;
    min-height: 40px;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    /* max-width: 95px; */
    width: auto;
}
.bt_noiso .o_muiten .o_tren, .bt_noiso .line_capso .o_tren {
    display: inline-block;
    float: none;
    font-size: 20px;
    margin-top: 0;
    position: relative;
    top: -35px;
}
.o_so .tim_x{border:none; margin: 0px;}
.bt_noiso .o_muiten {
    background-image: url(/libraries/editor/hack/image/arrow3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 30px;
    margin-left: 0;
    margin-right: 3px;
    margin-top: -5px;
    text-align: center;
    width: 40px;
}.honso{display: inline-block; margin-left:10px;}
.frac123{display: inline-block; vertical-align: middle;margin-left:10px;line-height: 27px}
.frac123 .tim_x{margin: 0px 10px;}
.operator{font-size: 30px;
    display: inline-block;
    margin:3px 0px 0px 10px;
   }
.frac123 .ts{border-bottom:1px solid #000;padding-bottom: 2px;padding: 5px 2px; margin-bottom: 2px; display: block;}
.basic_radio.checked .frac123 .ts{border-color: #fff;}
 svg, image {overflow-x: auto !important;}
.basic_select{text-align:center}
.par-classic-4.b_choose_3.option_type_txt .basic_radio{max-width: 600px;display: table;width: 88%;margin: 16px auto;}
#box_keyboard{z-index: 999999;}
 #box_keyboard .m-k-table{min-height: 240px;}
.basic_select{text-align:center}
#keyboard_char{text-transform: uppercase;}
#change_key{padding:10px 5px 10px 4px;display: inline-block;background: #19aff3;min-width: 160px;}
#keyboard_char{display: none;}
#box_keyboard #keyboard_char.m-k-table .m-key{width: auto;font-size: 20px;}