/*hoangnx update 01/03/2024*/
.dspck{color:#BE0000}
.dreview .content{padding:1px;margin:1px;min-height:0;min-width:0}
.dreview blockquote{border:none}
.pTitle{font:bold 22px/1.1 Arial,Helvetica,sans-serif;font-style:normal;max-height:none;padding:0;outline:0 none;margin:4px 0 0;color:#333;letter-spacing:-1px}
h1.pTitle:nth-child(n+2){border-top:dashed 2px #BE1000;padding-top:10px}
.pTitle strong, .pTitle b{font-style:bold;color:#000}
.pHead{color:#444;font-family:Arial,Times,serif;font-size:17px;font-style:italic;font-weight:normal;line-height:1.3;margin:8px 0;padding:5px;text-align:justify;border:solid 1px #EEE}
.pHead a{font-weight:bold;padding:0 2px;color:#444;text-decoration:none}
.pHead a,.pBody a{color:#0165C3;text-decoration:none !important}
.pHead a:hover,.pBody a:hover{color:#000 !important}
.pBody,.pSpin,.pDich{text-align:justify;font-family:Arial,Times,serif;font-size:17px;margin:8px 0;padding:0;border:none;line-height:1.6}
.pDich{border-left:dashed 1px #444;padding-left:5px}
.pSource,.pLink,.pSubTitle,.pCaption,.pInterTitle,.pChapter,.pQuestion,.pAnswer,blockquote{font-family:Arial,Times,serif;font-size:17px;line-height:1.6;margin:8px 0}
.pCaption{font-style:normal;font-size:14px;text-align:center;color:#908F8F;width:auto;padding:3px 10px 5px;margin:0 auto;text-transform:none;line-height:23px}
.pCode{font-style:normal;font-size:13px;text-align:center;color:#908F8F;width:auto;padding:3px 4px 5px;margin:0 auto;text-transform:none;line-height:20px}
img.dLatex{border:1px solid #FEE;padding:0 3px;vertical-align:middle}
code.dtex{visibility:hidden}

.dbodypc img[dhd='true'],.dbodypc .dlhd,.dbodypc img[dhide='true'],.dbodypc img.dhide{display:none !important}
.dbodymb img[dhd='true'],.dbodymb .dlhd,.dbodymb img[dhide='true'],.dbodymb img.dhide{display:none !important}
.dbodypc h1.pTitle:first-child,.dbodypc .pHead,.dbodypc .pAuthor{display:none}
.dbodymb h1.pTitle,.dbodymb .pHead,.dbodymb .pSource,.dbodymb .pAuthor{display:none}
.dbodymb .oldpc,.dbodypc .oldmb{display:none}
.dbodymb .oldmb,.dbodypc .oldpc{display:block}
.dbodymb .oldmb{width:100% !important}
.dGroup{border:1px solid #f60;color:#444;margin:2px 0;padding:2px}
.pLink{color:#005;margin:8px 0;padding:2px}
.pSpin{color:#000;border:1px solid #F60}
.pSpin:hover{border:1px solid #BE0000}
.pAuthor{clear:both;font-size:14px;font-weight:bold}
.pSource{clear:both;float:right;margin:8px 0;text-align:right;font-style:italic}
.pSource,.pAuthor{text-align:right;margin-bottom:8px}
img{margin:2px auto}
.dgcode{border:solid 1px #BA8822 !important;padding:3px;margin:3px auto}
#tinymce .oldpc{border:1px solid yellow}
#tinymce .oldmb{border:1px solid green}
#tinymce .dgmedia{height:auto !important}
.dbodymb img{max-width:100%}
#tinymce .pCover img,#tinymce .pImg100 img{width:100% !important;height:100% !important;margin:0}
#tinymce img.iFull{border:1px dashed blue !important;width:100% !important;height:auto !important}
#tinymce img.dthumb{border:1px solid red}
#tinymce img.dhide{opacity:0.5;border:1px solid #999}

#tinymce td>.pCaption,#tinymce td>.pCode{margin:0 auto;padding:1px}
#tinymce .pCaption{background: #FAFAFA}
#tinymce .pBody a{display:inline!important}
img.dimgerr{border:2px solid blue;opacity:0.7}
td>img{display:block;margin-left:auto;margin-right:auto}
.pQuestion{color:#000;text-align:left;font-style:italic;font-weight:normal;padding-bottom:5px}
.pAnswer{color:#000;text-align:left;font-style:normal;font-weight:normal}
.pInterTitle,.pChapter,.pSubTitle{color:#111;font-weight:bold}
.pChapter{text-transform:uppercase;color:#000}
code{font-family:Times New Roman;font-size:11.8pt;line-height:20px;color:#0404B4;background:transparent !important;border:none !important}
code:hover{color:#BE0000}
code em{display:none}
code code{color:#F00}
code code code{color:#8A0886}
.pCode{color:#222;border:solid 1px #EEE;padding:5px;border-radius:3px;background-color:#FAFAFA}
.dgmedia,.dmedia,.dmap{margin:5px auto;text-align:center}
.dgmedia{border:dashed 1px #999 !important;background:#EEE;cursor:pointer}
img.video{width:612px;height:344px}
img.audio{width:431px;height:92px;border:solid 1px #EEE;border-radius:3px}
.dmedia{position:relative;cursor:pointer;overflow:hidden;width:612px;height:408px}
.dmedia>iframe{width:100%;height:100%;border:none}
.dmedia>iframe.mp3{height:40px;margin-top:2px}
p.mCaption{text-align:center;margin:5px auto;color:#666}

h1.title_detail b, h1.title_detail strong {font-weight: bold}

.colfull h1.title_detail{width:60%;margin:40px auto;text-align:center;font:bold 30px/35px 'Arial',sans-serif}
.colfull .djaudio{width:60%;background:#D72027;max-width:100%;margin-bottom:15px}
.colfull .share_time,.colfull .sapo_detail{width:60%;color:#000;margin:20px auto}
.colfull .sapo_detail{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8em !important}
.colfull .politic{width:60%;margin:2px auto;text-align:center}
.colfull .drelated{width:60%;margin:2px auto}
.colfull p>.iCaption{background:transparent;width:60% !important;margin:2px auto}
.colfull .xanhnhat,.colfull .camnhat,.colfull .camtren{width:60% !important}
.colfull .xanhnhat .pBody,.colfull .camnhat .pBody,.colfull .camtren .pBody{width:100% !important}

#dcontent.dbodypc .firstLarge:first-letter{font-size:50px;line-height:50px;display:block;float:left;margin-top:5px!important;margin-right:10px;padding:0 0 5px 0;vertical-align:middle;color:#000;font-weight:bold}
.iCaption{width:100% !important}
.dtbln{margin:8px}
blockquote.trichdan .content{font-size:18px !important;line-height:24px !important}
blockquote.trichdan .author{color:#999 !important;margin-top:5px}
blockquote.trichdan{background:url(img/quote_top.png) 2% 10% no-repeat,url(img/quote_bottom.png) 98% 89% no-repeat #e5f5fb !important;padding:30px 8%;display:block;margin-bottom:20px}
.trichdan td>.pCaption,.xanhnhat td>.pCaption,.camnhat td>.pCaption,.camtren td>.pCaption{background:transparent !important;font-family:Arial,Helvetica,sans-serif}

blockquote.trichdan2{padding:10px 5px;display:block;margin:15px 5px;border-top:3px solid #ccc;border-bottom:3px solid #ccc;background:#FAFAFA;font-style:italic}
.trichdan2 td>.pCaption{font-family:Arial,Helvetica,sans-serif}

.colfull blockquote.trichdan,.colfull blockquote.trichdan2{margin:5px auto;width:60%;padding:15px 0}
.colfull blockquote.trichdan .pBody,.colfull blockquote.trichdan2 .pBody{width:100% !important}

.xanhnhat{BORDER-COLLAPSE:separate;background:#E4F5FA;text-align:left;width:100%;border:0}
#dcontent table.xanhnhat{padding:10px;background:#E4F5FA;color:#333}
#dcontent table.xanhnhat td{padding:2px 6px;font-size:17px;line-height:1.5em !important;text-align:justify}
#dcontent table.xanhnhat .pBody{font-size:18px}

.camnhat{BORDER-COLLAPSE:separate;background:#EEE;border-left:solid 3px #FF6600;text-align:left;width:100%}
#dcontent table.camnhat{padding:10px;background:#EEE;color:#333}
#dcontent table.camnhat td{padding:2px 6px;font-size:17px;line-height:1.5em !important;text-align:justify}
#dcontent table.camnhat .pBody{font-size:18px}

.camtren{BORDER-COLLAPSE:separate;text-align:left;width:100%}
#tinymce table.camtren tr:first-child{height:1px;min-height:1px}
#dcontent table.camtren,#tinymce table.camtren{color:#333}
#dcontent table.camtren td,#tinymce table.camtren td{padding:2px 8px;font-size:17px;line-height:1.5em !important;text-align:justify;background:#EEE}
#dcontent table.camtren tr:first-child>td:first-child,#tinymce table.camtren tr:first-child>td:first-child{width:183px;border-top:solid 3px #FF6600}
#dcontent table.camtren .pBody,#tinymce table.camtren .pBody{font-size:17px}
#dcontent table.camtren tr:last-child>td{border-radius:0 0 10px 10px}

.bangbieu{width:315px;BORDER-COLLAPSE:collapse;background:#f1f1f1;text-align:right;border:solid 1px #999}
.bangbieu th,.bangbieu td{background:#2145b7;color:#FFF;padding:3px}
.khungvien{border:solid 1px #888;width:96%;text-align:center}
.khungvien th,.khungvien td{border:solid 1px #888;padding:5px}
.drelated{padding:5px 0;margin:5px 0}
.drelated>div.clr{clear:both;height:0}
.drelated>strong{font-weight:bold;color:#333;line-height:20px}
.drelated>ul,.drelated>ul>li{list-style:none}
.drelated>ul{margin:0;padding:10px 0 0 10px}
.drelated>ul>li{line-height:20px;margin-bottom:15px;position:relative;padding-left:10px;clear:both}
.drelated>ul>li a{font-weight:bold;font-size:14px;color:#666;text-decoration:none;line-height:24px;margin-bottom:2px}
.drelated>ul>li a:hover{color:#cb3637}

.drelated>ul.title-only>li:before,.drelated>ul.title-and-sapo>li:before{background:#333;width:5px;height:5px;border-radius:20px;content:'';display:inline-block;top:8px;position:absolute;left:0}
.drelated>ul.title-and-thumb>li,.drelated>ul.title-thumb-and-sapo>li{margin-bottom:10px}
.drelated>ul.title-and-thumb>li>a,.drelated>ul.title-thumb-and-sapo>li>a{float:left;margin-right:5px}
.drelated>ul.title-and-thumb>li>a{width:90px}
.drelated>ul.title-thumb-and-sapo>li>a{width:120px}
.drelated>ul.title-thumb-and-sapo>li>div{float:left;width:calc(100% - 130px);margin-left:5px}
.drelated>ul.title-and-thumb>li>a>img,.drelated>ul.title-thumb-and-sapo>li>a>img{width:100%;height:auto;border:2px solid #fff;margin:0 8px 0 0}
.drelated>ul.title-thumb-and-sapo>li>strong>a{margin-left:3px}
.drelated>ul>li>strong{line-height:22px}
.drelated>ul.title-and-thumb>li>strong{float:left;width:calc(100% - 95px)}
.drelated>ul.title-only>li{margin:0!important;padding:3px 0!important}
.drelated>ul.title-only>li:before{background:#333;width:5px;height:5px;border-radius:20px;content:'';display:inline-block;top:13px!important;position:absolute;left:0}
.drelated .title-only li strong a{font-size:14px!important}
.drelated .title-thumb-and-sapo li:before,.title-and-thumb li:before,.title-and-sapo li:before{display:none!important}
.drelated .title-and-sapo li strong a{margin:0!important}
.drelated .title-thumb-and-sapo li,.title-and-thumb li,.title-and-sapo li{position:relative;overflow:hidden;padding:10px;background-color:#e4e4e4;clear:both;margin:0!important}
.drelated .title-thumb-and-sapo li p.head,.title-and-sapo li p.head{font-size:14px!important;line-height:22px!important;display:table}
.drelated>ul>li>strong>a{font-weight:bold;margin-left:10px}
.drelated>ul>li p.head{font-weight:normal;color:#556;margin:0;line-height:18px}
.drelated>ul.dveb{margin:5px auto;text-align:center}
.drelated>ul.dveb>li{margin-bottom:5px}
#dcontent.dbodymb .drelated .head{display:none}
.dboxy .bxCont img{max-width:none !important;max-height:none !important}
.pImage,.pImg100{margin:5px auto;text-align:center}
.pImage>img{border:none}
.pImg100>img{border:none;width:100%}
.pBorder{border:solid 1px #999}
.pCenter{text-align:center}
.pCenter>img,.pCenter .iCenter,#tinymce img.iCenter,#dcontent img.iCenter{margin-right:auto;margin-left:auto;display:block}
.pCenter img{border:1px solid #FFF}
/*cloze*/
mark{background-color:YELLOW;font-weight:normal;color:#333;padding:1px;margin:3px;border-radius:6px}
mark:hover{color:#000;text-decoration:underline}
/*live*/
.dlive{margin-bottom:20px;margin-top:10px;width:100%!important;float:left!important;clear:both;padding:0;border-top:5px solid #d72027}
.dlive .panel{float:left;width:100%;padding:0;height:36px;background:#f1f1f1;margin-bottom:0;margin-top:0;border-radius:0}
.dlive .panel>ul.cmd>li,.dlive .panel>ul.order>li{list-style:none;float:left;width:auto;cursor: pointer;display:inline-block;font-size:12px;line-height:36px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-right:1px solid #e1e1e1;padding:0 3px}
.dlive .dbx{border:none;width:100%;clear:both}
.dlive .panel>ul.cmd>li>span,.dlive .panel>ul.order>li>span{border:none;padding:0 5px}
.dlive .panel>ul.cmd>li:hover,.dlive .panel>ul.cmd>li.active,.dlive .panel>ul.order>li:hover,.dlive .panel>ul.order>li.active{color:#D61117}
.dlive .panel>ul.cmd>li>span{color:#3e3d3d}
.dlive .panel>ul.cmd>li.active>span{color:#D61117}
.dlive .dbx .item{border-bottom:solid 1px #EEE;padding:15px 0 10px}
.dlive .dbx .body{padding:0 0 5px 20px;background:transparent}
.dlive .dbx .body .pInterTitle{font-size:16px!important}
.dlive .dbx .body .pBody{border-bottom:10px!important;font-size:17px}
.dlive .dbx .body .pBody img{width:100%!important;height:auto!important}
.dlive .dbx .body .pCaption,.dlive .dbx .body p .iCaption{background:transparent;margin:0!important}
.dlive .dbx .body .dmedia{width:100%!important;height:auto!important}
.dlive .dbx .body:hover{background:transparent}
.dlive .dbx .tip{border-bottom:none;padding-bottom:0;padding-left:10px;position:relative}
.dlive .dbx .item .icon0:before{width:20px;height:20px;border-radius:20px;content:'';display:inline-block;top:0;position:absolute;left:0;background:#f1e3af}
.dlive .dbx b{padding:0;margin-left:20px;line-height:20px;height:20px;border-bottom:none}
.dlive .dbx .h1:before{background:#f1e3af}
.dlive .dbx .tip .stime{color:#888;font-style:italic;margin-left:20px}
.dlive .dbx .tip .ico{width:23px;height:auto;float:left}
.dlive .devent{display:none!important}
.dlive .panel>ul.order{float:right;display:block}
@media (max-width:767px){
.dlive .panel>ul.order>li:last-of-type,.dlive .panel>ul.cmd>li:last-of-type{border:none}
.dlive .dbx{clear:both;float:left;display:block;margin-top:12px}
.dlive .dbx .item:first-of-type{padding:0 0 10px}
.dlive .dbx .body .pCaption,.dlive .dbx .body p .iCaption{background:transparent!important;margin:0!important;font-size:80% !important}
}
#tinymce img{max-width:100%;height:auto !important}
#dcontent .drelated ul.title-thumb-and-sapo,#dcontent .drelated ul.title-and-thumb,#dcontent .drelated ul.title-and-sapo,#dcontent .drelated ul.title-only{margin:0 0 0 0 !important;padding:10px 0!important}

.djaudio{max-width:100% !important;width:100%;height:42px;background:#D72027;border-radius:3px}
.djaudio .aud-btn,.djaudio .next svg,.djaudio .pause svg,.djaudio .play svg,.djaudio .prev svg{width:50px;height:50px}
.djaudio .dt-graph{height:50px}
.djaudio .prel .aud-text{font-size:100%}

#dttsaudio{color:#FFF;display:none;background:#D72027 no-repeat;border:1px solid #FFF;padding-left:5px;padding-right:10px;border-radius:3px}
#dttsaudio i.icon-pause,#dttsaudio i.icon-play{color:#FFF;font-size:12px}
#dttsaudio i.icon-play:before{content:"\e900"}
#dttsaudio i.icon-pause:before{content:"\e917"}
.dreview{overflow-x:hidden;overflow-y:scroll;padding:5px}
.dreview .cloze_mcs{background:#F9F9F9;border:solid 1px #DDD;padding:4px 6px;margin:0 2px;color:#111;border-radius:3px}
.dreview .cloze_mwi{background:#FAFAFA;border:solid 1px #FAFAFA;border-bottom:dashed 1px #000;padding:4px 6px;margin:0 2px;color:#111;border-radius:3px 3px 0 0}
.dreview .cloze_mcs:hover,.dreview .cloze_mwi:hover{border-color:Green}
.dreview .cloze_mcu{list-style:none;padding:5px;margin:3px}
.dreview .cloze_mcu>li>label{font-weight:normal;color:#222;font:16px/23px Arial,Helvetica,sans-serif}
.dreview .cloze_mcu>li>b{font-weight:normal;color:#222;border-radius:50%;border:solid 1px #EEE;padding:0 3px}
.dreview .mcv>li,.dreview .mcvs>li,.dreview .mavs>li,.dreview .mavs>li{float:none;line-height:30px}
.dreview .mch,.dreview .mchs,.dreview .mah,.dreview .mahs{clear:both;display:inline-flex}
.dreview .mch>li,.dreview .mchs>li,.dreview .mah>li,.dreview .mahs>li{float:left;margin-right:15px}
.dreview .mch>li:last-child,.dreview .mchs>li:last-child,.dreview .mah>li:last-child,.dreview .mahs>li:last-child{margin-right:0}
.dreview .dgaw{font-size:18px;border-radius:100%;padding:2px;border:solid 1px #FAFAFA;margin:2px}
.dreview .dgaw:hover{border-color:#9bc90d}
.dreview .dgaw.fa-thumbs-o-down{color:Red}
.dreview .dgaw.fa-thumbs-up{color:Green}
.dreview img.iCenter{display:block}
/* ----------------------------------- */
ul.cloze_mcu{margin:10px 0 20px;list-style:none;padding:0}
ul.cloze_mcu li{width:100%;background:rgba(0,0,0,0.05);padding:15px 10px 15px 50px;margin-bottom:5px;cursor:pointer;position:relative;font-weight:bold;color:#000;font-size:1.2em;border-radius:30px}
ul.cloze_mcu li.correct{opacity:1;background:#55d000;color:#FFF;border-radius:5px}
ul.cloze_mcu li.selected:not(.correct){background:#f16464;color:#FFF}
ul.cloze_mcu li.selected{opacity:1;border-radius:5px}
ul.answered li{opacity:0.4}
ul.answered li p.feedback{display:block;color:#fff;font-weight:normal;padding-top:10px;line-height:23px}
ul.cloze_mcu:not(.answered) li:hover{background:YELLOW}
ul.cloze_mcu li:first-child:before{content:"A"}
ul.cloze_mcu li:nth-child(2):before{content:"B"}
ul.cloze_mcu li:nth-child(3):before{content:"C"}
ul.cloze_mcu li:nth-child(4):before{content:"D"}
ul.cloze_mcu li:nth-child(5):before{content:"E"}
ul.cloze_mcu li:nth-child(6):before{content:"F"}
ul.cloze_mcu li:nth-child(7):before{content:"G"}
ul.cloze_mcu li:nth-child(8):before{content:"H"}
ul.cloze_mcu li:nth-child(9):before{content:"I"}
ul.cloze_mcu li:before{content:"";display:block;position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:100%;background:rgba(255,255,255,0.6);text-align:center;line-height:30px}
ul.cloze_mcu li label{cursor:pointer;display:block;font-weight:normal;color:#000}
ul.cloze_mcu li .deck{display:none}
.icheckbox_square-green,.iradio_square-green{display:inline-block;*display:inline;vertical-align:middle;margin:0;padding:0;width:22px;height:22px;background:url(img/green.png) no-repeat;border:none;cursor:pointer}
.icheckbox_square-green{background-position:0 0}
.icheckbox_square-green.hover{background-position:-24px 0}
.icheckbox_square-green.checked{background-position:-48px 0}
.icheckbox_square-green.disabled{background-position:-72px 0;cursor:default}
.icheckbox_square-green.checked.disabled{background-position:-96px 0}
.iradio_square-green{background-position:-120px 0}
.iradio_square-green.hover{background-position:-144px 0}
.iradio_square-green.checked{background-position:-168px 0}
.iradio_square-green.disabled{background-position:-192px 0;cursor:default}
.iradio_square-green.checked.disabled{background-position:-216px 0}
/* HiDPI support */
@media (-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.icheckbox_square-green,.iradio_square-green{background-image:url(img/green@2x.png);-webkit-background-size:240px 24px;background-size:240px 24px}
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1);opacity: 0}
    50% {opacity: 1}
    100% {-webkit-transform: scale(1.2, 1.2);opacity: 0}
}
@keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1);opacity: 0}
    50% {opacity: 1}
    100% {-webkit-transform: scale(1.2, 1.2);opacity: 0}
}