.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#tuvung{background-image:url(/images/icon/tuvung.png)}
#nguphap{background-image:url(/images/icon/nguphap.png)}
#luyendoc{background-image:url(/images/icon/luyendoc.png)}
#hoithoai{background-image:url(/images/icon/hoithoai.png)}
#luyennghe{background-image:url(/images/icon/luyennghe.png)}
#baitap{background-image:url(/images/icon/baitap.png)}
#hantu{background-image:url(/images/icon/hantu.png)}
#luyenchuhan{background-image:url(/images/icon/luyenchuhan.png)}
#dochieu{background-image:url(/images/icon/dochieu.png)}
#kiemtra{background-image:url(/images/icon/kiemtra.png)}
#thamkhao{background-image:url(/images/icon/thamkhao.png)}
#nghenoi{background-image:url(/images/icon/nghenoi.png)}
#docviet{background-image:url(/images/icon/docviet.png)}
#hyoujun{background-image:url(/images/icon/hyoujun.png)}
#morong{background-image:url(/images/icon/morong.png)}
#trongyeu{background-image:url(/images/icon/trongyeu.png)}
#kurikaeshi{background-image:url(/images/icon/kurikaeshi.png)}

#wrapper{ width:100%;margin:0 auto;}
#wrapper3{ width:200px;margin:0 auto;}
.wrapper1{width:100%; border:#CCC 1px solid; margin:0 0; padding:10px; background:#FFF; overflow:hidden; border-radius:8px; margin-top:10px}
.wrapper2{width:100%; border:#CCC 1px solid; margin:0 auto; padding:10px; background:#FFF; overflow:hidden; border-radius:8px; margin-top:10px}
.wrapper3{width:100%; border:#CCC 1px solid; margin:0; padding:10px; background:#FFF; overflow:hidden; border-radius:8px; margin-top:10px}
* html .wrapper1{width:200px;}
.item1{width:199px; border:#CCC 1px solid; margin:15px; float:left; display:block; overflow:hidden; height:32px; padding-top:110px; text-align:center; background-position:15px 8px; background-repeat:no-repeat; border-radius: 5px; line-height:12px; background-position-x: center;box-sizing: content-box;}
.item1:hover{ border:#336 solid 1px; font-weight:bold; background-color:#eff;}
* html .item{margin:5px 3px;}
.label1 {display: block;height: 30px;line-height: 15px;margin: 0 0;text-align: center;width:200px;}
/*---------Tab------------*/
ul.tabs {margin: 0;padding: 0;float: left; list-style: none; height: 31px; border-bottom: 1px solid #999; border-left: 1px solid #999;  width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;  line-height: 31px;  border: 1px solid #999; border-left: none;margin-bottom: -1px;  overflow: hidden;position: relative;background: #e0e0e0;}
ul.tabs li a {  text-decoration: none;  color: #000; display: block; font-size: 1 em; padding: 0 8px;   border: 1px solid #fff; outline: none; font-weight:bold}
ul.tabs li a:hover {background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;  border-bottom: 1px solid #fff; }
.tab_container {overflow: hidden;clear: both;float: left; width: 100%;margin-bottom:15px;margin-top:-15px;}
.tab_container div{overflow:hidden}
.tab_content {background:#FFF;border: 1px solid #999;border-top: none;padding: 20px;  border-radius: 0 0 5px 5px; behavior: url(PIE.htc); word-break:normal;}
.tab_content h2{display:none}
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.95; border-radius:5px; color:#648AB7}
#tooltip h3, #tooltip div { margin: 0; font-size:12px}


/* -------------------------Slide------------------ */
.slide{}
.slide-title{border:#999 1px solid; cursor:pointer; background:#E0E0E0; font-weight:bold; margin-top:5px}
.slide-title.sl2{border:0; color:#4976AA; background:#FFFFFF; padding-left:10px; margin-top:0}
.slide-title.sl2.active{color:#900}
.slide-title.sl2:hover{color:#36C3DF; background:#FFFFFF;}
.slide-title:hover{background:#CCC}
.slide-title span{display:block; border-top:#FFF 1px solid; border-right:#FFF 1px solid;  padding:5px 10px;}
.slide-content{border:#999 1px solid; padding: 10px; border-top:0; background:#FFF; margin-bottom:5px; display:none; border-radius: 0 0 5px 5px}
.slide-content.sl2{border:0; background:none; padding:0; padding-left:0px}
.slide-title.sl2 span{ border:0}

/*---------table khung cho bai viet---------------*/
table.khung td, .khung th{border-bottom:1px #CCC solid; padding-left:10px;padding-top:7px;padding-bottom:7px;}
table.khung th{ background:#366CAA; color:#FFF; padding:5px; text-align:center}
table.khung{border:1px #CCC solid; border-bottom:0;  margin-bottom:12px}
table.khung2 td, .khung2 th{border-bottom:1px #CCC solid; padding-left:10px; border-right:1px #CCC solid;}
table.khung2 td p, table.khung2 th p{margin:0; padding:0}
table.khung2 th{ background:#366CAA; color:#FFF; padding:5px; text-align:center}
table.khung2{border:1px #CCC solid; border-bottom:0; border-right:0; margin-bottom:12px}

/* dich */

big{font-family:MS Mincho; line-height:30px; font-size:30px}
.candich{cursor:default; display:inline; padding:10px 0;border-radius: 5px;}
.tudich{display:inline}
.kqdich{max-width: 88%;overflow:hidden; margin-top:8px; position:absolute; z-index:1000000}
.nddich{background:#EDFFBE; padding:5px; border-radius:5px; display:block;color:#000; word-break:normal;}
.kqdich span{display:block;  height:100%}
.item-wrap {float:left; text-align:left}
.item-wrap .nddich{width:320px}
.item-wrap .kqdich span{display:block; width:340px; height:100%}
.candich2{cursor:default; display:inline; padding:3px 0}
.tudich2{display:inline}
.kqdich2{overflow:hidden; width:500px;  position:absolute; z-index:1000000}
.nddich2{width:480px; background:#fff99d; padding:10px; border-radius:0 0 10px 10px; display:block;color:#000; padding-top:0; }
.kqdich2 span{display:block; width:500px; height:100%}
.item-wrap .nddich2{width:320px}
.item-wrap .kqdich2 span{display:block; width:340px; height:100%}

/*Tự thay đổi*/
table.table_ngang{border-top:1px #CCC solid !important;border-left:1px #CCC solid !important;}
table.table_ngang td{border-right:1px #CCC solid !important;border-bottom:1px #CCC solid !important;}

.mytitle{font-size:22px;}
.hoithoaititle{font-size:22px;margin-left:15px;font-weight:600;}

@media only screen and (max-width: 768px){
/*Chỉnh lại trong phần NGỮ PHÁP bị khó nhìn khi màng hình mobile*/
    table.khung,table.khung thead,table.khung tbody,table.khung th,table.khung td,table.khung tr {
        border: none !important; /*Xóa hết làm lại*/
    }
    table.khung{
        border:1px #CCC solid !important; /*Cài đặt khung bao quanh*/
    }
    table.khung td{
        width:auto !important;
        height: auto !important;
        border-bottom:1px #CCC solid !important; /*Cài đặt khung td ngang */
        display: block;
    }
    table.khung tr:last-child td:last-child{
        border-bottom: none !important; /*Xóa khung cuối của tr cuối*/
    }
    /*END Chỉnh lại trong phần ngữ pháp bị khó nhìn khi màng hình mobile*/
    
    
/*Chỉnh lại table bị hỏng khi respontive trong phần LUYỆN ĐỌC minna*/
    table.table_ngang,table.table_ngang thead,table.table_ngang tbody,table.table_ngang th,table.table_ngang td,table.table_ngang tr{
        display: revert;
        width:auto;
        border: none;
    }
    table.table_ngang span{
        font-size:13px !important; 
    }
    
}


/*Điều chỉnh cho phù hợp*/
/*p{margin-bottom: 0.7em;}*/
/*.tudich p{margin-bottom: 0;}*/
/*.tab_content p:empty{margin-bottom: 0;}*/
/*.tab_content p{margin-bottom: 0;}*/

/*.tab_content p strong {*/
    /*margin-top: 10px;*/
/*}*/


/* Khi view dưới 768 */
@media screen and (max-width: 768px){

    /*Để kết quả dịch không bị lệch, bởi nội dung thường chèn <p></p>*/
    .kqdich p {
        margin-bottom: 0;
    }

    /*Thay đổi ở Minna*/
    .minna .tab_content{
        padding: 0;
    }
    .minna .slide-content {
        border: none;
    }
    .minna .slide-title {
        border-left: none;
        border-right: none;
    }

}