/* CSS Document */
*{margin:0; padding:0}
.tc{text-align:center}
.tj{text-align:justify}
.tr{text-align:right}
.tl{text-align:left}
.di{display:inline-block}
.fl{float:left}
.fr{float:right}
.fn{float:none}
.w12{width:12%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w48{width:48%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66%}
.w70{width:70%}
.w85{width:85%}
.text-nowrap { white-space: nowrap; }
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mr10{margin-right:10px}
.mr20{margin-right:20px} 
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.m0{margin:0}
img{max-width:100%}
h1,h2,h3, .w100{width:100%}
a:hover{text-decoration:none}
.an{display:none !important}
.an1{display:none}
body{font-size:14px; background:#eee; font-family:Tahoma; line-height:140%;}
.dialog-container{width:40% !important;}
.dialog-header{width:100%; background:#7D9D00 !important; height:auto !important; padding:10px 0; text-align:center; font-size:20px; font-weight:bold; color:#fff; float:left}
.dialog-title{float:none !important; display:inline-block}
.tab-btn.active{color:#fff !important;}
.tab-btn{ padding:10px 25px !important; margin-right:20px !important; float:left !important}
#btn-login, #btn-logout, #btn-update{padding:10px 25px !important; color:#fff !important; border:none !important; border-radius:5px; background:#7D9D00 }
input.form-control{float: none;width: 60%;display: inline-block;margin-left: 30px;}
#frm-change-pass input{border:1px solid #ccc; border-radius:5px; padding:5px;}
.group-control { margin-bottom: 10px !important; width: 100%; text-align: center; float: left; }
.trangchu-ngonnguan{position:absolute; background:#fff; z-index:999; padding:10px 0; top:35px}
.trangchu-ngonnguan li{padding:5px 10px 5px 0}
.trangchu-ngonnguan li a{color:#333}
.trangchu-boxdangkidangnhap{padding: 5px 0; background:#fff; border-bottom:2px solid #7D9D00}
.trangchu-boxdienthoai, .trangchu-tieudesang{padding-left:10px; margin-left: 10px; border-left:1px solid #ccc}
.tranchu-dangkidangnhap a{padding:0 10px; border-right:1px solid #ccc; color:#333}
.tranchu-dangkidangnhap a:hover{color:#cf131f}
.trangchu-boxngonngu li{list-style:none}
.trangchu-logotimkiem{padding:10px 0}
select{padding:10px ; background:#ddd; border:none}
input{padding:9px; border:none }
.trangchu-naptienupload{margin-top:10px}
.trangchu-timkiem .trangchu-tk{ padding:9px; background:#7D9D00}
.trangchu-timkiem input{padding:10px 9px}
.trangchu-naptien{text-transform:uppercase; color: #fff;text-decoration: none; padding: 7px 15px 5px; border: 0; border-radius: 5px; background-image: -webkit-linear-gradient(top, #B3DF00, #B3DF00); box-shadow: 0px 4px 0px #5d941f, 0px 6px 5px rgb(0 0 0 / 20%)}
.trangchu-naptien:hover, .trangchu-upload:hover{color: #fff;}
.trangchu-naptien svg{margin-top:2px}
.trangchu-naptien p, .trangchu-upload p{padding-left:5px; font-size:16px; margin:0}
.trangchu-upload{text-transform:uppercase; color: #fff;padding: 7px 15px 5px; margin-left:20px; border: 0; border-radius: 5px; background-image: -webkit-linear-gradient(top, #e60f1e, #e60f1e); box-shadow: 0px 4px 0px #9e0b0f, 0px 6px 5px rgb(0 0 0 / 20%)}
.caret{margin-left:10px}
.nav-top-menu{background:#B3DF00}
.nav-top-menu a{color:#fff}
.trangchu-menu1{position:relative}
#logo{overflow: hidden;height: 50px;line-height: 50px;}
#logo img{position:relative; width:160px; top:-55px;}
.text-trangchu-menu1{text-transform:uppercase; padding:10px 15px; background:#B3DF00; margin:0; color:#fff;font-size:16px}
.class-an .tc-dsdm{display:none; z-index:999}
.tc-dsdm{padding:10px 0 0; margin:0; background:#fff; position:absolute; top:40px; left:0; height:398px}
.tc-dsdm li{list-style:none; padding:8px 0 8px 20px}
.tc-dsdm li:hover{background:#eee}
.tc-dsdm li a{color:#333}
header .col-md-2, header .col-md-10{padding:0}
.navbar{border:none; background:#B3DF00; margin:0}
.navbar-default .navbar-nav>li>a{ color:#FFF; text-transform:uppercase; font-size:16px}
.navbar-default .navbar-nav>li>a:hover{background:#7D9D00; color:#fff}
.navbar-default .open:focus{background:#7D9D00}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:#7D9D00; color:#FFFFFF}
.navbar-nav>li{padding:10px 0}
.navbar li:hover{background:#7D9D00}
.navbar-left img{padding-right:5px}
.navbar-left li a{padding:0 25px; border-right:1px solid #8EB300}
.navbar-left li:last-child a{border:none}
.navbar-right li a{padding:0 25px;}
.navbar-right{background:#9E0B0F}
.trangchu-menu-dacbiet span svg{margin-right:5px}
.dropdown-menu li{ background:#fff}
.dropdown-menu li:hover{background:#eee; color:#D6424C}
.dropdown-menu li a{background:#fff; color:#333; padding:5px 15px !important; border:none}
.dropdown-menu li a:hover{background:#eee; color:#7D9D00}

.trangchu-tieudedangnhap h2{margin:0; padding:10px 0; color:#fff; background:#cf131f; font-size:20px}
.trangchu-hotro{background: #fff; border: 1px solid #dddddd; padding: 19px 0; font-size: 12px; margin:30px 0 50px; float: left; width: 100%;}
.trangchu-box-icon{padding:0 15px 0 35px}
.trangchu-icon{float:left; width:40px; height:40px}
.trangchu-info{margin-left:40px; padding-left:15px}
.trangchu-info span{ color:#7ec72f; font-size:18px}
.trangchu-info .trangchu-info-dichvu{font-size:12px}
.trangchu-sourcecode{width:100%; margin-bottom:50px; float:left}
.trangchu-pageheading span{ position:relative;border: 1px solid #ccc;padding:10px 36px; overflow:visible; font-size:20px; font-weight:bold; text-transform: uppercase; margin-top:15px; background:#eee}
.trangchu-pageheading hr{width:100%; border-top:1px solid #ccc; margin-top:-10px}
#dskientruc .col-20:nth-child(n+6){display:none}
.trangchu-sanpham .col-20{padding:0 10px}
.trangchu-text-sanpham{padding:10px; background:#fff; margin-top:30px}
.trangchu-anhsanpham, .trangchu-mucsanpham, .trangchu-tensanpham{margin-bottom:5px}
.trangchu-anhsanpham{border:1px solid #999; box-shadow:1px 2px 5px #ccc}
.trangchu-mucsanpham a{color: #5d941f; font-style: italic; margin-top: 5px; height: 20px}
.trangchu-tensanpham a{; font-size: 14px; line-height: 17px; font-weight: bold; color:#333; height:68px; overflow:hidden}
.trangchu-giasanpham{color:#FF0000; font-weight:bold; font-size:16px}
.fa-star{ color:rgb(239, 197, 41)}
.trangchu-text-sanpham hr{border-top:1px solid #ccc; margin:30px 0 10px}
.trangchu-anhnguoidang{ width:24px; height:24px; overflow:hidden}
.trangchu-nguoidang h4{margin:5px 0 0 10px; width:auto; font-size:14px}	
.trangchu-trangtieptheo{margin:30px 0 20px}
.trangchu-trangtieptheo ul{width:100%; float:left; text-align:center; font-size:14px; margin-top:20px}
.trangchu-trangtieptheo li{list-style:none; width:auto; float:none; display:inline-block; padding:5px 0; border:1px solid #ccc}
.trangchu-trangtieptheo li a{color:#000000; padding:0 15px; width: 100%; cursor: pointer;}
.trangchu-trangtieptheo li:hover{background:#cf131f}
.trangchu-trangtieptheo li a:hover{color:#fff}
.trangchu-xemthem{margin:40px 0 20px}
.trangchu-xemthem a {padding:10px 20px; border:1px solid #7D9D00; border-radius:5px; color:#7D9D00}
.trangchu-xemthem a:hover{background:#7D9D00; color:#fff}
.trangchu-xemthem span{padding-right:5px}

.trangchu-box-dichvumaychu{background:#ddd; padding-bottom:20px}
.trangchu-tieudedvmc h3{font-size: 25px; color: #cf131f; text-align: center; font-weight: bold; margin-top: 30px}
.trangchu-tieudedvmc p{margin-bottom:10px}
.trangchu-dichvumaychu{background: #fff; border-bottom: 3px solid #cf131f; padding-bottom: 30px; text-align: center; margin-bottom: 30px; box-shadow: 0 0px 4px rgb(0 0 0 / 10%)}
.trangchu-anhdvmc{background:url(/dich-vu-may-chu.jpg) no-repeat; background-size:100%; height:100px; padding:10px 0 0 ; color:#fff; font-weight:bold; font-size:20px}
.trangchu-giadvmc{height: 130px; width: 130px; border: 4px solid #cccccc; border-radius:100%; margin: -65px auto 20px auto; background: #fff; font-weight:bold; font-size:18px}
.trangchu-giadvmc p{margin-top:30px;}
.trangchu-giadvmc span{ color:#cf131f; font-size:30px;}
.trangchu-giadvmc sub{ position:relative; bottom:0.8em}
.trangchu-textdvmc p{margin-bottom:5px}
.trangchu-textdvmc-muangay{margin-top:20px}
.trangchu-textdvmc-muangay a{color: #fff; text-decoration: none; padding: 9px 30px; border: 0; border-radius: 5px; background-image: -webkit-linear-gradient(top, #7ec72f, #7ec72f); box-shadow: 0px 4px 0px #5d941f, 0px 6px 5px rgb(0 0 0 / 20%)}
.trangchu-dichvukhac{margin:20px 0 40px}
.trangchu-dichvukhac-tenmien, .trangchu-dichvukhac-cloud, .trangchu-dichvukhac-email, .trangchu-dichvukhac-ssl{ border:1px solid #ccc; padding:12px 30px 12px 46px;margin: 5px 7px; width:210px}
.trangchu-dichvukhac-tenmien{background:url(/icon-dvmc-1.png) no-repeat 20px 10px #fff}
.trangchu-dichvukhac-cloud{background:url(/icon-dvmc-2.png) no-repeat 20px 10px #fff}
.trangchu-dichvukhac-email{background:url(/icon-dvmc-3.png) no-repeat 20px 10px #fff}
.trangchu-dichvukhac-ssl{background:url(/icon-dvmc-4.png) no-repeat 20px 10px #fff}
.trangchu-box-thanhtoan{padding:20px 0}
.trangchu-bank li{display:inline-block; border:1px solid #ccc; margin-right:-1px; margin-top:10px; width: 130px; height: 58px; position: relative; list-style:none}
.trangchu-bank li img{position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; max-width: 110px}
.trangchu-chaybanner{width:100%; float:left;}
.text-copy { text-align: right; margin-top: 20px; }
.footer{background:#333; padding:20px 0}
.footer h4{color:#fff; font-weight:bold}
.footer ul{padding-left:15px; list-style:inherit; color:#acacac}
.footer li a{color:#acacac}
.footer .fa-facebook{font-size:30px; color:#415a99}
.footer .fa-youtube {font-size:30px; color:#cb222a}
.trademark-list { list-style: none; margin-bottom: 5px; margin-top: 20px; }
.trademark-list li:first-child { padding-left: 0; } 
.trademark-list li { display: inline; padding: 0 13px 0 7px; border-right: 1px solid #666666; }
.trademark-list li a{color:#333}
.grayt { color: #898989; }

.jssorl-009-spin img {animation-name: jssorl-009-spin;animation-duration: 1.6s; animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes jssorl-009-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);}}
.jssorb053 .i {position:absolute;cursor:pointer;}
.jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb053 .i:hover .b {fill-opacity:.7;}
.jssorb053 .iav .b {fill-opacity: 1;}
.jssorb053 .i.idn {opacity:.3;}
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}




.clear { clear: both; } .text-center { text-align: center; }
.button-demo{font-size: 16px; white-space: nowrap; padding: 12px 31px; background: #5d941f; color: #fff; margin: 20px; display: inline-block; border-radius:5px;} 
.button-demo:hover { background: #335909; color: #fff; }
.text-trangchu-menu1:hover .chitietsanpham-menu{display:block}
.chitietsanpham-loaidanhmuc .path, .bdskhac {width: 100%; float: left; margin: 20px 0 20px; padding-bottom: 0}
.chitietsanpham-loaidanhmuc .path ul li {float: left; list-style: none; padding: 0 7px; color: #E02012}
.chitietsanpham-loaidanhmuc .path ul li:first-child, .chitietsanpham-loaidanhmuc .path ul li:first-child a{padding-left:0}
.chitietsanpham-loaidanhmuc .path ul li a {color: #999; text-decoration: none; text-transform:uppercase; padding-left: 7px}
.chitietsanpham-loaidanhmuc .path ul li:last-child a {color: #999}
.chitietsanpham-loaidanhmuc .path ul li a:hover {color: #E02012}
.chitietsanpham-livedemo{margin:50px 0}
.chitietsanpham-livedemo a{font-size:16px; padding:15px 30px; background: #cf131f; color:#fff; margin:20px; border-radius:5px}
.chitietsanpham-livedemo a span{margin-left:10px}
.chitietsanpham-tensanpham{border-bottom:1px solid #ccc; padding-bottom:10px}
.chitietsanpham-tensanpham h1{margin:0 0 10px; font-size:20px; font-weight:bold; line-height:1.3; height:52px; overflow:hidden}
.chitietsanpham-tensanpham h1 span{color:#fb9119}
.chitietsanpham-nguoidoawload{margin-right:20px}
.chitietsanpham-tomtatsanpham p{padding:10px 0; border-bottom:1px solid #ccc; height:88px; overflow:hidden}
.chitietsanpham-thongkesanpham{margin:10px 0}
.chitietsanpham-thongkesanpham span{ color:#999; width:110px; float:left}
.chitietsanpham-thongkesanpham a{color:#cf131f}
.chitietsanpham-baoloi{margin-right:20px}
.chitietsanpham-baoloivipham a{color:#cf131f}
.chitietsanpham-baoloivipham .fa-paper-plane, .chitietsanpham-baoloivipham .fa-exclamation-triangle{color:#cf131f}
.chitietsanpham-camket{margin:20px 0; padding:20px; border:1px dotted #cf131f; border-radius:5px; background:#fff}
.chitietsanpham-camket h4{margin:0 0 10px; color:#cf131f; font-size:16px; font-weight:bold}
.chitietsanpham-camket p{background:url(/icon-tick.png) no-repeat; padding-left:25px; }
.chitietsanpham-thongtindanhgiasanpham{ padding:20px; background:#fff}
.chitietsanpham-thongtinnguoidang h3{margin:0 0 5px; font-size:18px}
.chitietsanpham-thongtinnguoidang  h3 a{color:#000}
.chitietsanpham-danhgiahang a{color:#5d941f}
.chitietsanpham-xemtrang{padding:5px 13px ; margin:14px 0 0; border:1px solid #ccc; border-radius:5px; background:#fff}
.chitietsanpham-xemtrang a{ color:#000000}
.chitietsanpham-xemtrang .fa-store{color:#cf131f}
.chitietsanpham-boxthongtinbaidang{ margin:10px 0 0;}
.chitietsanpham-boxthongtinbaidang .col-md-4{border-left:1px solid #ccc}
.chitietsanpham-fasbaidang{font-size:18px}
.chitietsanpham-boxbaidang p{font-size:16px ; margin:10px 0 5px}
.chitietsanpham-boxbaidang span{font-size:18px}
.chitietsanpham-boxbaidang h4{ margin:0; color:	#cf131f; font-weight:bold}
.chitietsanpham-boxbaidang .fa-star{color:#000}	
.chitietsanpham-boxbinhluan{padding:30px; background:#fff; margin:30px 0}
.chitietsanpham-noidungbinhluan textarea{width:100%; height:90px; padding:20px}
.chitietsanpham-phimbinhluan{margin-top:20px}
.chitietsanpham-phimbinhluan a{font-size:20px; padding:6px 10px;background-image: -webkit-linear-gradient(top, #e60f1e, #e60f1e);
  box-shadow: 0px 4px 0px #9e0b0f, 0px 6px 5px rgb(0 0 0 / 20%); color:#fff; border-radius:5px}
.chitietsanpham-boxdownload{background:#fff; box-shadow:0 0px 4px rgb(0 0 0 / 5%); border-top: 2px solid #cf131f; padding: 20px 20px 10px 20px; width: 100%; float: left;}
.chitietsanpham-like{float: left; text-align: right; width: 50%;}
.chitietsanpham-share{float: left; text-align: left;}
.chitietsanpham-phidownload b{font-size:16px}
.chitietsanpham-phidownload h4{font-size:30px; color:#cf131f; font-weight:bold}
.chitietsanpham-phidownload sub{bottom:10px}
.chitietsanpham-chuydownload{font-size:16px}
.chitietsanpham-downloadngay{padding:17px 0px 12px; margin:15px 0px; border-radius:5px; background-image:-webkit-linear-gradient(top, #7ec72f, #7ec72f);box-shadow: 0px 4px 0px #5d941f, 0px 6px 5px rgb(0 0 0 / 20%)}
.chitietsanpham-downloadngay a{color:#fff}
.chitietsanpham-likedownload {border: 1px solid #c2c2c2; padding: 13px 20px; border-radius: 5px; background:#ddd}
.chitietsanpham-likedownload a{ color:#666}
.chitietsanpham-likedownload a:hover{color:#cf131f}
.chitietsanpham-chiasecode p{margin:10px 0}
.chitietsanpham-likeandshare{font-size:18px; margin:20px 0; width: 100%; float: left;}
.chitietsanpham-likeandshare a{padding:5px 15px; color:#fff; background:#4267b2}
.chitietsanpham-boxcodenoibat { background: #fff; width: 100%; float: left; }
.chitietsanpham-boxcodenoibat h3{ font-weight:bold; padding:10px 20px; color:#cf131f; font-size:18px; border-top:3px solid #cf131f; margin:0 }
.chitietsanpham-codenoibat{padding:15px 10px; background:#fff; border-top:1px solid #ccc}
.chitietsanpham-anhcodenoibat{height:85px; overflow:hidden}
.chitietsanpham-tencodenoibat a{font-size:12px; color:#666; height:82px ; overflow:hidden}
.chitietsanpham-codenoibat-danhmuc, .chitietsanpham-codenoibat-view{padding:0 15px; }
.chitietsanpham-codenoibat-danhmuc a{color:#5d941f; font-weight:bold}
.chitietsanpham-codenoibat-view span{margin-right:10px}
.chitietsanpham-boxthem{width:100%; float:left; margin-top:30px;}
.chitietsanpham-codenoibat-danhmucview{width:100%; float:left}

.jssorl-009-spin img { animation-name: jssorl-009-spin;animation-duration: 1.6s;animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes jssorl-009-spin {from {transform: rotate(0deg);} to { transform: rotate(360deg);}}
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #eee; margin-right:5px; opacity:.7;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}


.danhsachsanpham-boxcodenoibat{margin-bottom:50px}
.danhsachsanpham-boxcodenoibat .chitietsanpham-codenoibat{padding:15px; }
.danhsachsanpham-boxthongbao{background:#fff; }
.danhsachsanpham-boxthongbao h3{color: #cf131f; font-size:18px; font-weight:bold; padding: 15px; margin:0;border-bottom:1px solid #ddd}
.danhsachsanpham-thongbao{padding:15px}
.danhsachsanpham-thongbao li{margin:0 0 10px 15px}
.danhsachsanpham-thongbao li a{color:#333; height:36px; overflow:hidden}
.danhsachsanpham-thongbao li a:hover{color: #cf131f}
.danhsachsanpham-socode h1{float:none; width:auto; display:inline-block; font-weight:bold; margin-top:0}
.danhsachsanpham-socode p{float:none; width:auto; display:inline-block; font-size:16px}
.danhsachsanpham-socode span{color: #cf131f; font-weight:bold}
.danhsachsanpham-sortbox{padding:5px 20px; background:#ddd}
.danhsachsanpham-sortbox ul{margin:0}
.danhsachsanpham-sortbox li{float:none; width:auto;display:inline-block; padding:10px 20px; border-radius:5px; margin:0 10px; background:#fff}
.danhsachsanpham-sortbox li a{color:#000}
.danhsachsanpham-sortbox .danhsachsanpham-danhmucmoinhat{background:#cf131f}
.danhsachsanpham-sortbox .danhsachsanpham-danhmucmoinhat a{color:#fff}
.danhsachsanpham-sortbox select{padding:10px; background:#fff;border-radius:5px}
.chitietsanpham-phancongcv ul{margin:0}
.chitietsanpham-phancongcv{margin:50px 0}
.chitietsanpham-phancongcv li{list-style:none; display:inline-block;padding:10px 25px; background:#e2e2e2; margin-right:5px; font-weight:bold; font-size:14px }
.chitietsanpham-phancongcv li a{color:#333}
.chitietsanpham-motachitiet{background:#fff !important}
.chitietsanpham-motachitiet a{color:#cf131f !important}
.chitietsanpham-tab{padding:40px 30px; background:#fff}


.chitiettintuc-danhmucthongin{margin-bottom:30px}
.chitiettintuc-danhmucthongin h3{padding:15px 0 15px 20px; color:#FFF; font-size:16px; background:#cf131f; font-weight:bold; margin:0}
.chitiettintuc-danhmucthongin ul{padding:15px; background:#fff; margin:0}
.chitiettintuc-danhmucthongin li{margin-left:15px; padding:5px 0}
.chitiettintuc-danhmucthongin a{color:#333}
.chitiettintuc-danhmucthongin a:hover{color:#cf131f}
.chitiettintuc-texttintuc h2{margin:0; font-size:22px; padding:10px 0; color:#000; border-bottom:1px solid #ccc}
.chitiettintuc-gtcode{margin:10px 0 50px; font-size:16px; color:#666}
.chitiettintuc-gtcode a{ color:#7ec72f}



.dvmaychu-banner{margin:50px 0 }
.dvmaychu-textloiich{background:#fff; margin:30px 0}
.dvmaychu-textloiich .col-md-4{margin-top:20px}
.dvmaychu-textloiich h4{ color:#FF8401; height:38px; overflow:hidden}



.trangtimkim-timkiemnangcao{background:#fff; padding:20px; margin-bottom:10px}
.trangtimkiem-tieudetknc h3{color:#7EC72F; font-weight:bold}
.trangtimkim-timkiemnangcao h4{font-size:16px; font-weight:bold}
.trangtimkim-timkiemnangcao select{width:100%; background:#fff; border:1px solid #333}
.trangtimkiem-timkiem input{border:1px solid #ffd666}
.trangtimkiem-phimtk{ background: #ff8401; padding:10px 0}
.trangtimkiem-phimtk a{color:#fff}



.box-dangki{padding-bottom:50px}
.trangchu-dangkytaikhoan { background:#fff; padding:20px }
.dangki-boxdkdn{border-bottom:1px solid #ccc; padding-bottom:10px}
.dangki-boxdkdn h2{margin:0; font-size:20px; font-weight:bold}
.dangki-boxdkdn a{ padding:0 5px; color:#333}
.dangki-boxdkdn .col-sm-8 strong{padding-left:5px; border-left:1px solid #fff; font-size:16px}
.dangki-boxdkdn .dangki-facebook {color:#fff;  background:#405BA8; padding:7px 15px; border-radius:5px}
.dangki-boxdkdn .dangki-google{color:#fff; background:#DD4B39;padding:7px 15px; border-radius:5px}
.fa-facebook-f, .fa-gofore{padding-right: 5px}
.dangki-dangnhapngay h3{font-size:16px;}
.dangki-dangnhapngay h3 a{color:#cf131f; font-weight:bold}
.dangki-nddk{margin-bottom:10px; float:left; width:100%}
.dangki-nddk input{ border:1px solid #ccc; color:#000000}
.dangki-nddk strong{color:#FF0000}
.dangki-nddk input:hover{border:1px solid #66AFE9; box-shadow:1px 2px 5px #66AFE9}
.dangki-nddk label{ padding:10px 0; margin:0}
.dangki-dkdv a{color:#000000}
.dangki-dangkingay span{ padding:10px 15px;background-image: -webkit-linear-gradient(top, #e60f1e, #e60f1e); box-shadow: 0px 4px 0px #9e0b0f, 0px 6px 5px rgb(0 0 0 / 20%); border-radius:5px}
.dangki-dangkingay a{color:#FFFFFF}
.dangki-dangkingay a i{padding-right:10px}


.box-canhan-right h3{margin-top:0; font-size:13px; text-transform:uppercase; line-height:120%; font-weight:bold;}
.trangcanhan{padding-top:20px}
.trangcanhan p{margin-bottom: 6px;}
.trangcanhan p:last-child{margin-bottom:0}
.trangcanhan p:nth-child(3) span{color:#7D9D00}
.trangcanhan p:nth-child(4) span{color:#ff6600}
.trangcanhan p span{font-weight:bold;}
.box-tt-cn{background:#fff; padding:15px;}
.box-thongbao h2, .box-quanly h2{font-size:16px; font-weight:bold; color:#666;}
.box-thongbao li, .box-quanly li{width:100%; float:left; padding:10px; list-style:none; border-bottom:1px solid #ccc;}
.box-thongbao li a, .box-thongbao li span, .box-quanly li a, .box-quanly li span{padding-left:10px; color:#333;}
.box-thongbao li span, .box-quanly li span{color:#666}
.box-thongbao li:nth-child(1) a:before { content: url(/mn-mess.png); float: left; }
.box-thongbao li:nth-child(2) a:before { content: url(/mn-cmt.png); float: left; }
.box-thongbao ul, .box-quanly ul{width:100%; float:left; background:#fff}
.box-quanly li:nth-child(1) a:before { content: url(/mn-upload.png); float: left; }
.box-quanly li:nth-child(2) a:before { content: url(/mn-down.png); float: left; }
.box-quanly li:nth-child(3) a:before { content: url(/mn-save.png); float: left; }
.box-quanly li:nth-child(4) a:before { content: url(/mn-statis.png); float: left; }
.box-quanly li:nth-child(5) a:before { content: url(/mn-pay.png); float: left; }
.box-quanly li:nth-child(6) a:before { content: url(/mn-getmoney.png); float: left; }
.trangcanhan-loaidanhmuc{margin-top:0 !important; padding: 0 !important;}
.themcanhan{background:#faeaa9; padding:15px; border-left:3px solid #f3cc31}
.agreen{color:#7ec72f; text-decoration:underline}
.trancanhan-text{padding:12px 20px 15px; background:#fff; margin-top:20px}
.tieude-ndtrangcanhan{padding:10px 10px 15px; border-bottom:1px solid #ccc}
.tieude-ndtrangcanhan strong{font-size:16px; color:#333}
.tieude-ndtrangcanhan span{color:#acacac}
.trangcanhan-chitiettintuc{padding:30px 0}
.mess-title, .mess-detail{margin:10px 0}
.mess-title{font-size:16px; font-weight:bold}
.trangcanhan-chitiettintuc th, .trangcanhan-chitiettintuc td{border:1px solid #666; padding:5px}
.trangcanhan-capnhatdanhsach select{padding: 7px}
.icon-az{padding:7px 10px; border:1px solid #999; margin-left:-4px; background:#ddd}
.trangcanhan-chitiettintuc ul{width:100%; border-bottom:1px solid #ccc; float:left; margin-bottom:20px}
.trangcanhan-chitiettintuc li{padding:7px 20px; width:auto; border:1px solid #ccc; list-style:none; float:left; margin-right:5px; margin-bottom:-1px; background:#ddd}
.trangcanhan-chitiettintuc li a{color:#fb9119; font-weight:bold}
.trangcanhan-dacbiet{background:#fff !important}
.trangcanhan-dacbiet a{color:#333 !important}
.dangbai-ic{background:url(/icon_check.svg) no-repeat; padding-left:25px}
.dangbai-upload{padding:15px; border-radius:5px}
.dangbai-anh{width:500px; height:312px; background:url(/anh-dangbai.jpg) top left no-repeat; position: relative; overflow:hidden}
.file-upload { position: absolute; top: 0; width: 500px; height: 375px; cursor:pointer; opacity:0; z-index:1 }
.dangbai-anh:hover .img_edit{position: absolute; top: 0; width: 500px; height: 375px; z-index:0; cursor:pointer;background: url('/img_edit.png') no-repeat; }
.control-label{font-weight:normal; padding-top:8px;}
.img_upload { position: absolute; top: 0; right: 0; width: 500px; height: 375px; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.anh-demo{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
.anh-demo a{padding:8px 15px; color:#fff; background:#7ec72f; border-radius:5px; width:auto}
.demo-text{font-size:15px}
.trangcanhan-chitiettintuc li.active a span{background: #fb9119; padding: 2px 4px; border-radius: 50%; font-size: 11px; color: #fff; margin-left: 3px;}
.trangcanhan-chitiettintuc li a span{background: #84c52c; padding: 2px 4px; border-radius: 50%; font-size: 11px; color: #fff; margin-left: 3px;}
.fa-eye{color:#B3DF00}
.btn.btn-outline.red { border-color: #ff8100; color: #ff8100; background: 0 0; }
.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover { border-color: #ff8100; color: #fff; background:#ff8100; }
.trong{height:19px}
.dangbai select{background:#fff; border:1px solid #ccc;}
.select-1, .select-2{width:100%}
.goo-bg{background:#eee; border-radius:5px; margin-bottom:8px}
.goo-search{background:#fff; border-radius:25px; padding-left:10px; width:130px}
.goo-search input{background:url(/google-ic.png) left center no-repeat; padding:10px 0 10px 25px}
.goo-note{font-style:italic; font-size:14px; padding:10px 0}
.form-group{margin-top:5px; margin-bottom:5px;}
.form-group label{margin:0; font-weight:normal; padding:10px 0}
.form-group span{color:red}
.form-group input, .form-group textarea{padding:10px; border:1px solid #ccc; width:100%}
.form-group-camket textarea{ height:104px}
.form-camket{padding:10px 15px 20px; background:#eee; margin-top:30px}
.checkbox-camket a{color:#fb9119}
.button-orange{margin:30px 0}
.button-orange a{padding:15px 25px;border-radius: 5px !important; background-image: -webkit-linear-gradient(top, #fb9119, #fb9119); box-shadow: 0px 4px 0px #e46601, 0px 6px 5px rgb(0 0 0 / 20%); color:#fff}

#dragdiv { position: fixed; animation: 1s ease 0s 1 normal none running mymove; z-index:99999999; 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: #7D9D00; color: rgb(255, 255, 255); }
#dragdiv td{position:unset}
#dragdiv h2{text-align: left; padding: 5px; width: 100%; font-size: 16px; margin: 0; line-height: 26px;}
@keyframes mymove { 0% { top: 0px; } 100% { top: 80px; }}
#dragdiv #dsT2{width:100%; padding:5px}


@media (min-width:1024px){
  .col-20{width:20%}
  .col-80{width:80%}
    .col-25{width:22%; padding-right:10px}
  .col-75{width:78%; padding-left:10px}
  .col-30{padding-left:10px}
}

@media (min-width: 768px)
{
  .chitietsanpham-tencodenoibat{height:94px; overflow:hidden}
  .trangchu-anhsanpham img{width:100%; height:152px;}
  .trangchu-anhsanpham{height:152px; overflow:hidden}
  .dropdown:hover .dropdown-menu{display:block}
  .navbar{ min-height:inherit}
  .navbar-nav>li>.dropdown-menu{right:auto; left:0}
  .col-20{width:20%}
  .nav-top-menu .col-sm-10{padding-left:0; padding-right:0}
  .navbar-left li a{padding:0 6px}
  .navbar-default .navbar-nav>li>a{text-transform:none;}
  .trangchu-tensanpham{height:68px; overflow:hidden}
}
@media (min-width: 768px) and (max-width: 1024px)
{
  header .col-sm-7{width:50%}
  header .col-sm-3{width:33%}
  .col-20{width:25%}
  .trangchu-timkiem input{width:55%}
  .text-trangchu-menu1{padding:10px 5px}
  .navbar-left li a{padding:0 10px}
  .navbar-default .navbar-nav>li>a{font-size:11px;padding:0 5px}
  .dropdown-menu li a{padding:3px 10px;font-size:12px}
  .tc-dsdm{height:310px !important}
  .tc-dsdm li{padding:4px 0 4px 20px}
  .trangchu-icon{width:100%; text-align:center}
  .trangchu-info{width:100%; margin:0; text-align:center}
  .trangchu-info span{font-size:16px}
  .trangchu-info .trangchu-info-dichvu{font-size:11px}
  .trangchu-trangtieptheo{margin:10px 0 0}
  .trangchu-textdvmc p{margin:0}
  .trangchu-pageheading span{font-size:15px}

  .chitietsanpham-tomtatsanpham p{height:73px}
  .chitietsanpham-boxsanpam .col-md-3{ width:33.3333333%}
  .chitietsanpham-phancongcv li{font-size:13px}

  .danhsachsanpham-sanpham .col-md-3{width:33.3333333%}
  .danhsachsanpham-sortbox li{padding:5px 10px; margin:0 5px}
  .danhsachsanpham-sortbox select{padding:5px 10px}

  .dangki-boxdkdn .col-sm-8 strong{font-size:14px}
}

@media (min-width: 768px) and (max-width: 992px)
{
  header .col-sm-7{width:80%}
  header .col-sm-3{width:50%}
  .col-md-2, .col-sm-10{padding:0 5px}
  .text-trangchu-menu1 span{font-size:14px}
  .text-trangchu-menu1{padding:10px 5px}
  .trangchu-hotro{margin:50px 0}
  .navbar-left li a{padding:0 5px}
  .navbar-default .navbar-nav>li>a{padding:0 5px}
  .navbar-default .navbar-nav>li>a{font-size:12px}
  .tc-dsdm{padding:5px 0}
  .tc-dsdm li{padding:0 0 0 15px}
  .trangchu-info span{ font-size:12px}
  .col-20{ width:33.3333333%}
  .trangchu-box-dichvumaychu .col-md-3{width:50%}
  .trangchu-dichvukhac-tenmien, .trangchu-dichvukhac-cloud, .trangchu-dichvukhac-email, .trangchu-dichvukhac-ssl{padding:12px 20px 12px 46px}

  .chitietsanpham-livedemo a{font-size:14px}
  .chitietsanpham-danhgia-view{font-size:11px}
  .chitietsanpham-nguoidoawload{margin-right:10px}
  .chitietsanpham-thongkesanpham span{width:94px}
  .chitietsanpham-vipham{float:left}
  .chitietsanpham-chuydownload{font-size:12px}
  .chitietsanpham-likeandshare a{font-size:10px; padding:3px 5px}
  .chitietsanpham-boxcodenoibat h3{font-size:15px}
  .chitietsanpham-codenoibat .col-sm-6{width:100%}
  .chitietsanpham-tencodenoibat{margin-top:10px}
  .chitietsanpham-tencodenoibat a{font-size:14px}
  .chitietsanpham-codenoibat-danhmuc, .chitietsanpham-codenoibat-view{padding:10px 5px}
  .chitietsanpham-noidungbinhluan{width:80%}
  .trangchu-danhgia-view{font-size:10px}


  .chitiettintuc-danhmucthongin li{ padding:2px 0; font-size:12px}
  .dvmaychu-dichvu .col-md-3{width:50%}

  .dangki-boxdkdn span{ float:left;width:100%; margin-bottom:10px}
  .dangki-nddk label{font-size:12px}
}
@media (max-width: 767px)
{
  .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
  .trangchu-bank li{width:118px}
  .trangchu-bank li img{max-width:100px}
  .chitietsanpham-boxthongtinbaidang .col-md-4:first-child{border:none}
  .trangchu-naptienupload, .trangchu-timkiem{float:left; width:100%; text-align:center; margin-bottom:10px}
  .trangchu-naptien , .trangchu-upload{float:none; display:inline-block}
  .tc-dsdm{display:none}
  .trangchu-menu-dacbiet{float:left}
  .navbar-right li:hover{width:100%}
  .trangchu-menu1{margin-top:15px}
  .navbar-header{border-left:1px solid #fff}
  .text-trangchu-menu1{padding:0 20px 0 40px}
  .tc-dsdm{z-index:999}
  .trangchu-mucsanpham a{font-size:16px}
  .trangchu-anhsanpham{height:220px; overflow:hidden}
  .trangchu-tensanpham{height:66px; margin-bottom:10px}
  .trangchu-tensanpham a{font-size:17px ; line-height:1.4}
  .trangchu-giasanpham{font-size:20px; margin-bottom:10px}
  .trangchu-text-sanpham hr{margin:40px 0 10px}
  .fa-star:before, .fa-eye:before{font-size:18px}
  .trangchu-danhgia span, .trangchu-view span{font-size:20px}
  .trangchu-nguoidang h4{font-size:18px}



  .chitietsanpham-tensanpham h2{font-size:22px}
  .chitietsanpham-danhgia-view{font-size:18px}
  .chitietsanpham-tomtatsanpham p{font-size:18px; height:auto}
  .chitietsanpham-thongkesanpham, .chitietsanpham-baoloivipham , .chitietsanpham-camket p{font-size:18px}
  .chitietsanpham-camket h4{font-size:22px; margin:0}
  .chitietsanpham-boxcodenoibat h3, .chitietsanpham-tencodenoibat a, .chitietsanpham-codenoibat-danhmuc, .chitietsanpham-codenoibat-view{font-size:22px}
  .chitietsanpham-anhcodenoibat{height:460px; overflow:hidden}
  .chitietsanpham-tencodenoibat{margin:10px 0; line-height:1.3}
  .chitietsanpham-codenoibat-danhmuc a{font-style:italic}
  .chitietsanpham-noidungbinhluan{width:80%}
  .chitietsanpham-baoloi{margin-bottom:10px}

  .dangki-nddk label{float:left}
}

@media (max-width: 500px)
{
  .trangchu-tieudesang{border:none}
  .col-xs-6{ width:100%}
  .trangchu-bank li{width:107px}
  .trangchu-timkiem input{width:40%}
  header .col-xs-6, .nav-top-menu .col-xs-6{width:50%}
  .text-trangchu-menu1{ padding:0 20px}
  .chitietsanpham-danhgia-view{font-size:12px}
  .chitietsanpham-vipham{float:left}
  .chitietsanpham-noidungbinhluan{width:65%}
  .chitiettintuc-gtcode{font-size:12px}
  .danhsachsanpham-sortbox li{margin:5px 10px}
  .chitietsanpham-boxbaidang h4{font-size:13px}
  .chitietsanpham-phancongcv li{padding:5px 10px; font-size:10px}
  .chitietsanpham-anhcodenoibat{height:235px}
  .chitietsanpham-boxcodenoibat h3, .chitietsanpham-tencodenoibat a, .chitietsanpham-codenoibat-danhmuc, .chitietsanpham-codenoibat-view{font-size:17px; color:#333}
}