* { padding: 0px; margin: 0px;}
#dsA::-webkit-scrollbar {width: 10px; } 
#dsA::-webkit-scrollbar-track {background:#fff; } 
#dsA::-webkit-scrollbar-thumb {background:#ccc; border-radius:5px} 
#dsA::-webkit-scrollbar-thumb:hover {background:#888; }
html { scroll-behavior: smooth; }
body, footer span { font-family: "helvetica neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 160%; word-wrap: break-word;}
input, select { border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(153, 153, 153); border-image: initial; padding: 5px 4%; border-radius: 20px; max-width: 100%; }
input, button, select, textarea { outline: none; margin: 3px 0px; }
h2, h3 { color: rgb(38, 97, 136); line-height: 120%; font-weight: normal !important; }
h1{text-align:left; }
li { list-style: none; }
a { text-decoration: none; color: rgb(51, 51, 51); cursor: pointer; }
.cp{cursor: pointer;}
.p10{padding:10px}
.d-flex{display:flex}
.me-1{margin-right: 0.25rem!important;}
#kq_box li{padding:0 10px}
/*a:visited { color: rgb(38, 97, 136); }*/
nav a { color: #ccc }
/*nav a:visited{color:#ccc}*/
.fl { float: left; }
.fr, #offline-switch { float: right; }
.ffg { font-family: Glyphter; }
.p-a { position: absolute; }
.p-r { position: relative; }
.p-f { position: fixed; }
.tc, .group-control { text-align: center; }
.tj,article,#mainT { text-align: justify; }
.tl, .editorT { text-align: left; }
.tr { text-align: right; }
.fb { font-weight: bold; }
.di, .view, .like, .share,.otheroption label{ display: inline-block; float: none; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mb50 { margin-bottom: 50px; }
.mt70 { margin-top: 70px; }
.pa1,#mainT { padding: 5px 1%; }
.bdr20 { border-radius: 20px; }
.bdr5 { border-radius: 5px; }
.bd1{border:1px solid #ccc; border-top:none}
.bdb1 { border-bottom: 1px solid rgb(204, 204, 204); }
.w100, .ugr, .noidung table, .ten,#name, .cauhoi-item{ width: 100% !important; }
textarea { width: 100%; min-height: 80px; }
.w92 { width: 92%; }
.w96,.mw2 { width: 96%; }
.w94 { width: 94%; }
.w48 { width: 48%; }
.w68 { width: 68%; }
.w30 { width: 30%; }
.pa3 { padding: 10px 3%; }
.pa4 { padding: 10px 4%; }
.pa2 { padding: 5px 2%; }
#popupT { min-height: 180px; width: 250px; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); display: none; top: 0px; position: fixed; }
img {max-width: 100%; height:auto}
footer { overflow: hidden; }
.cf, .button { color: rgb(255, 255, 255); }
.cg { color: rgb(153, 153, 153); }
.bf { background: rgb(255, 255, 255); }
.bg { background: rgb(241, 242, 243); }
.tid { width: 135px; text-align: left; padding: 0px 10px; }
.button, .button2, button, .close-ct { border-radius: 20px !important; }
.button,button { padding: 5px 10px; border: none; margin: 5px; display: inline-block; vertical-align: middle; line-height: 22px;}
.button, .dialog-close-button { background: rgb(77, 138, 179); cursor: pointer; font-size: 14px !important; color: rgb(255, 255, 255) !important; padding: 4px 6px !important; }
.an, #dragdiv, #dsA ul, .dateT, .cungloai-box .tomtat {display: none; }
#dsA{height: 500px; overflow: scroll; float: left;}
.button2 { padding: 0px 10px; font-size: 14px; }
.footer, .button, button, .button2, .xemuser, header, footer {background-image: radial-gradient(#4d8ab3, #3175a2)!important; color:#fff; }
.footer { padding-bottom: 50px; }
footer div { margin: 0px; padding: 10px; color: rgb(255, 255, 255); }
header, .ctsp { position: fixed !important; }
header { height: 50px; top: 0px; z-index: 5; }
header span { line-height: 50px; text-transform: uppercase; padding: 0px 10px; font-size: 23px; }
.mw { width: 1298px; max-width: 100%; }
.mw2{width:98%}
.logo { margin: 0px; }
.dangnhap a { color: lightgreen; }
.dangnhap { line-height: 48px; }
.mb20 { margin-bottom: 20px; }
.cdmn, .bvmn, .bvnldn, .bvnbln { width: 98%; margin: 5px 1%; border: 1px solid rgb(204, 204, 204); vertical-align: top; border-radius: 5px; overflow: hidden; }
h2 { padding: 5px 10px; text-align: left; background: rgb(77, 138, 179); color: rgb(255, 255, 255); }
.CapNhat { padding: 10px; }
table { max-width: 100%; border: none; border-spacing: 0px; overflow: hidden; }
td { padding: 3px; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204);}
tr, td{position:relative}
td:last-child { border-right: none; }
li { text-align: left; padding-left: 10px; position:relative}
li { padding: 10px; border-bottom: 1px dotted rgb(204, 204, 204); }
.l-box { width: 20%; }
.l-box li { padding: 5px 4%; float: left; width: 92%; }
.l-box li li, li li{border:none}
.l-box a:last-child { width: 12%; line-height: 24px; text-align: center; }
.l-box a:first-child {text-align: left; float: left;min-width: 80%;}
.l-box a:hover { font-weight: bold; }
.r-box { width: 80%; }
#members li, #roles li { padding: 2px 5px 10px; float: left; background: rgb(242, 251, 240); border: 1px solid rgb(187, 195, 232); margin: 5px; border-radius: 5px; }
#dscauhoi .w100, #dsT .w100 { border-top: 1px solid rgb(204, 204, 204); padding: 5px 0px; }
.cauhoi-item { margin: 5px 0px; border-bottom: 1px dotted rgb(204, 204, 204); padding-bottom: 10px; }
.cauhoi-item img { width: 29%; padding-left: 1%; float: left; }
.cauhoi-item .cau { width: 68%; margin-left: 2%; float: left; }
#kqc { margin: 3px 10px; font-size: 23px; color: orange; }
#offline-switch { margin-top: 15px; }
#offline-switch #offlineOnHeading { display: none; }
#offline-switch.checked #offlineOnHeading { display: inline; }
#offline-switch.checked #offlineOffHeading { }
#offline-switch.checked { opacity: 1; font-style: inherit; }
#offline-switch .switch { position: relative; display: inline-block; width: 30px; height: 17px; }
.switch input { opacity: 0; width: 0px; height: 0px; }
.switch .slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(204, 204, 204); transition: all 0.4s ease 0s; }
.switch .slider::before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; transition: all 0.4s ease 0s; }
.switch input:checked + .slider { background-color: rgb(33, 150, 243); }
.switch input:focus + .slider { box-shadow: rgb(33, 150, 243) 0px 0px 1px; }
.switch input:checked + .slider::before { transform: translateX(13px); }
.switch .slider.round { border-radius: 34px; }
.switch .slider.round::before { border-radius: 50%; }
.myhosting li { text-align: center; float: left; }
#dsT li:hover { background: rgb(242, 251, 240); }
#dsT2 { max-height: 90vh; overflow: scroll; }
#dsA li { font-weight: bold; }
#dsA li li { font-weight: normal; }
#dsA .delete, #dsA .edit { display: none !important; }
#dsA ul ul li { padding: 5px 6%; border-bottom: none; float: left; width: 88%; }
#Esc, #Save { position: fixed; top: 10px; right: 0px; z-index: 99; }
#Save { top: 50px; display: none; }
.edit, .delete, .restore, .file, .folder, .setingA { height: 24px; line-height: 24px; font-family: Glyphter; margin: 0px 5px; color: rgb(153, 153, 153); border: 1px solid rgb(255, 255, 255); padding: 0px 3px; border-radius: 3px; cursor: pointer; text-align: center; width: 18px !important; font-size:12px; text-transform:unset!important}
.edit:hover, .delete:hover, .restore:hover { font-size: 16px; transition: all 0.5s ease 0s; }
.delete:hover { color: orange; border: 1px solid orange; }
.edit:hover, .restore:hover, .setingA:hover { color: rgb(153, 202, 59); border: 1px solid rgb(153, 202, 59); }
.folder { color: rgb(153, 202, 59); margin: 0px auto; }
#dragdiv { position: fixed; animation: 1s ease 0s 1 normal none running mymove; z-index: 2147483647; background-color: rgb(241, 241, 241); border: 1px solid rgb(211, 211, 211); border-radius: 5px; resize: horizontal; overflow: auto; }
#dragdivheader { cursor: move; z-index: 10; background-color: rgb(38, 97, 136); color: rgb(255, 255, 255); }
#dragdiv td{position:unset}
#dragdiv h2{text-align:left; padding:5px 2%; width:96%; font-size:16px; line-height:26px}
@keyframes mymove { 
  0% { top: 0px; }
  100% { top: 80px; }
}
.ugr li { border: none; float: left; }
.button4 { width: 20px; min-width: 20px; line-height: 20px; margin: 3px; text-align: center; font-family: tahoma; padding: 0px !important; }
#searchMT { background: rgb(53, 106, 142); border: 1px solid rgb(51, 100, 134); color: rgb(204, 204, 204); max-width: 300px; position: fixed; top: 10px; left: 350px; }
#dsanh li { border: 1px solid rgb(204, 204, 204); border-radius: 5px; background: rgb(255, 255, 255); }
#loadingT { width: 100%; height: 10000px; position: fixed; background: rgb(255, 255, 255); z-index: 2147483647; top: 0px; left: 0px; }
#dsanh img{height:50px}
@keyframes myshow { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes myhide { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.pathT:hover { color: orange; }
#mediaT li { width: auto; position: relative;padding:5px }
#mediaT img,#mediaT .folder { height: 50px; border: 1px solid rgb(204, 204, 204); }
#mediaT .delete {position: absolute; right: 0px; top: 0px; width: 20px!important; height: 20px; background: orange; padding: 0; color: #fff; font-size: 12px;}
#mediaT .folder{font-size: 42px; clear: both; width: auto!important; line-height: 50px;}
#mediaT .edit{font-family: arial!important; position: absolute; left: 0px; font-size: 8px; background: #ccc; width: auto!important; padding: 3px; line-height: 13px; height: auto; top: -17px;}
.logo { width: 102px; max-width: 15%; }
#login { width: 105px; max-width: 15%; }
.logo, #login { z-index: 999; position: relative; height:50px}
nav { z-index: 888; line-height: 30px; position: absolute; width: 100%; left: 0px; }
nav ul li { border: none; padding: 10px; display: inline-block; font-weight: bold; }
nav .button2 { color: rgb(238, 238, 238); }
nav .button2:hover { color: rgb(255, 255, 255); }
.anhtd{text-align:center}
.doc-item { width: 98%; border-bottom: 1px solid rgb(204, 204, 204); margin: 5px 0px; position: relative; }
.doc-item .anhtd { width: 19%; margin-right: 1%; margin-bottom: 5px; float: left; }
.doc-item .title { width: 98%; background: none; color: rgb(38, 97, 136); padding: 5px 1%; }
.item2 .edit { position: absolute; top: 0px; right: 0px; }
.radioboxT,.checkboxT { border: 1px solid rgb(204, 204, 204); margin: 3px; float: left; padding: 3px; border-radius: 5px; background: rgb(255, 255, 255); }
.radioboxT:hover,.checkboxT:hover  { background: rgb(242, 251, 240); }
.item, .item2 { min-height: 100px; border: none; margin-bottom: 5px; }
.item2 { margin-left: 5px; margin-right: 5px; width: 42%; overflow: auto; vertical-align: top; }
.item2:hover { border: none; }
.item2 .item2 { float: left; overflow:hidden}
.item .edit{background:#f1f2f3}
.item table{border:1px solid #ccc;}
.pagesetT { left: 5px; }
.button2, .datmua{cursor: pointer; }
.adde2 { left: 52%; background: rgb(77, 138, 179); }
.m-control { right: 10px; top: 10px; }
#mcontrol, .m-control { width: 142px; background-color: rgb(241, 241, 241); border: 1px solid rgb(211, 211, 211); border-radius: 5px; resize: horizontal; overflow: auto; z-index: 99999999; }
#mcontrolheader, .m-controlheader { cursor: move; z-index: 10; background-color: rgb(38, 97, 136); color: rgb(255, 255, 255); text-shadow: rgb(38, 97, 136) 0px 1px 2px; font-size: 14px; padding: 3px; }
#mcontrol { width: 36px; }
.m-control a, .m-control ruby { padding: 2px 5px; float: left; height: 22px; margin: 4px; border: none; line-height: 22px; width: 16px !important; position: unset !important; }
.profileT2 { text-align: left; color: rgb(136, 136, 136); }
.profileT2 #user, .profileT2 #name, .profileT2 #shortname { display: none; }
.profileT2 .p-image { width: 100%; font-family: Glyphter; font-size: 86px; line-height: 150px; text-align: center; }
.anhdd{width:36px; margin: 6px; border-radius: 100%; overflow: hidden; height: 36px; line-height:36px; background:#ccc}
.anhdd img, #email,.contentT,.tomtatT{width: 100%; float:left}
.anhdd img{height: auto; max-width:unset}
#dschatT .anhdd{margin:0;}
.chat-item{margin:5px 0;}
.chat-content{margin-left:10px}

#p_dsanh img {height:50px; border: 2px solid rgb(255, 255, 255); }
#p_dsanh .checkT { border: 2px solid lightgreen; }
.emojiT{font-size:23px; margin:5px; float:left}

.dangky, .dangnhap{max-height:50px; overflow:hidden}

.main{width:75%; min-height:100vh; float:left}
.chuyenmuc-box, .tintuc-box, .sanpham-box,.loai-box{width:23%; border:1px solid #ccc; float:right; text-align:justify}
.loai-box .item, .chuyenmuc-box .item, .tintuc-box .item, .sanpham-box .item{border-bottom: 1px dotted #ccc; padding: 10px 3%; min-height: unset; width: 94%; float: left;}
.loai-box .item h3, .chuyenmuc-box .item h3, .tintuc-box .item h3, .sanpham-box .item h3{width:70%; float:left}
.loai-box .item .anhtd, .chuyenmuc-box .item .anhtd, .tintuc-box .item .anhtd, .sanpham-box .item .anhtd{width:28%; margin-right:2%; float:left}
.item-main img,.loai-box .item .anhtd img, .chuyenmuc-box .item .anhtd img, .tintuc-box .item .anhtd img, .sanpham-box .item .anhtd img{width:100%; height:auto}

.loai-box .tomtat, .chuyenmuc-box .tomtat, .tintuc-box .tomtat, .sanpham-box .tomtat{display:none}
.main h2{background:none; color:#333}
.item-main{width:32% !important; margin:0 1% 10px 0; padding:0; border:1px solid #ccc; float:left}
.item-main .anhtd,.cungloai-box{width:100%}
.item-main .anhtd img{height:auto}
.item-cungloai{width:25%; height:225px; margin-top:10px; overflow:hidden; text-align:center; float:left}
.item-cungloai h2{font-size:15px; width:96%; padding:5px 2%}
.item-cungloai .anhtd{width:150px; height:150px; display:inline-block}
.item-cungloai .anhtd img, #anh, #url{width:100%}

.l-box1,.r-box1{width:16%}
.m-box1{width:68%}
/*Menu*/
.caret {cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.caret::before {content: "\25E2"; color: #c0daf3; display: inline-block; margin-right: 6px; position: absolute; right: 10px; top: 12px; padding:10px}
.caret-up::before {-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg);transform: rotate(-135deg); } 
.nested { display: none; background: #c0daf3; border-radius: 5px; overflow: hidden;} 
.active { display: block; }


#topnav .nested {position:absolute; background:#4e8ab3; top:50px; min-width:200px}
#topnav .nested li{width:100%}
#topnav .caret{width:16px; height:16px;left:6px; top:6px; text-align:center; padding:0;position:relative; border:1px solid #ccc; border-radius:100%;}
#topnav .caret::before {width:16px; height:16px; content: "\25E2"; color: #4e8ab3; display: inline-block; right:unset; margin-right:unset; display: inline-block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg); font-size:8px; position:relative; top:-14px;left:12px; padding:0;}

#topnav ul li li{padding:0 10px; font-weight:normal}
#topnav .caret-up::before {width:16px; height:16px; left:-12px; top:15px; content: "\25E2"; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
/*Menu end*/
/*moreT*/
.moreT,.moreT2{padding: 10px 0; width: 100%; float: left;}
.moreT div, .moreT2 div,.reviewstart{display:inline-block; font-size:18px; margin:0 5px; color:#888; cursor:pointer;text-shadow: 0 1px 0 #fff;vertical-align: middle;}
.moreT div div, .moreT div a, .moreT2 div div, .moreT2 div a{display:none}
.moreT2 div,.reviewstart{font-size:26px;}
.comment-item,.review-item{border-bottom:1px dotted #ccc; margin:5px 0;}
.likebox{position:relative}
.moreT span,.moreT2 span {font-size:14px;line-height: 26px; padding-left: 5px; vertical-align: middle;}
.moreT div:hover,.moreT2 div:hover {color:orange}
.likebox div, .share a{width:20px; line-height:20px; padding:0; margin:0; font-size:20px;position:absolute;text-align:center}
.likebox .like{right:104px}
.likebox .love{right:74px}
.likebox .care{right:44px}
.likebox .haha{right:14px}
.likebox .wow{right:-24px}
.likebox .sad{right:-54px}
.likebox .angry{right:-84px}
.likebox .close{right:-114px}
/*moreT end*/
.review-item{padding:5px 0; color:#666}
.breadcrumbT{background:#f1f2f3; margin-bottom:10px}
.breadcrumbT li{float:left; line-height:18px; border:none;}
#login b{vertical-align: middle; line-height: 50px;}

@media (min-width: 1px) and (max-width: 1000px) {
  *{max-width:100%!important;}
  .w68,.w30,.summary{width:100%!important}
  .w100, .ugr, .noidung table, .ten, #name, .cauhoi-item{width:96%!important; padding:0 2%; overflow:hidden!important}
  #topnav{background-image: url(https://dev.fbger.com/koart3it5oaxirqf/svg/menu.svg);
    background-position: center; background-repeat:no-repeat; width: 36px; height: 36px; right: 10px; position: fixed; left: unset; top: 7px; background-size: 30px; border-radius:5px; background-color:none}
  header .close{background-color:#888; background-image: url(https://dev.fbger.com/koart3it5oaxirqf/svg/close.svg)!important;}
  #topnav ul{position: fixed; top: 50px; width: 200px; height: auto; right: 10px; background: #888; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: none; border-radius:5px}

  nav ul li{font-weight: normal !important; width: 92%; padding: 4%!important;}
  nav ul li a{text-transform:unset;}
  .fr{float:unset}
  .item2, .item3{overflow:hidden; margin:0!important;}
  .mt70{margin-top:70px}

  .l-box, .r-box,.video,.fanpage,.nhantin, .margin_auto,.main,.chuyenmuc-box, .tintuc-box, .sanpham-box, .loai-box{ width: 94%!important; margin: 10px 3%; }
  .item-cungloai{width:48%!important}
  .item-main{width:100%!important}
  .dangnhap { width: 280px; right: 5px; border: none; position: fixed !important; }
  .dangky {top: 109px; }
  .readmore{margin:10px 0!important}
  .logo {margin-left: 3%; }
  .logo, #login{width:50px!important; display:inline-block}
  #login{left:50vw; margin-left:-25px}
  #topnav .edit{padding:5px;margin:0}
  .sptc .doc-item, .tttc .doc-item{width:98%!important;margin:1%!important}
  .tttc .summary, .tttc .title{width:250px!important}
  video{height:auto}
  .ttct td:last-child{display:none}
  #totop{width: 24px; font-size: 18px!important; line-height: 28px; text-align: center; display:none!important}
}
@font-face { font-family: Glyphter; font-style: normal; src: url("https://demo.tafalo.com/assets/Glyphter.woff"); }
a.button2{
	z-index: 1111;
}
.modal-backdrop{display:none!important}