| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 8.2.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/nhadatkhangdien.net-bk/public_html/css/ |
Upload File : |
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}
body {
color: #444;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
background-size: 100%;
background: #fff;
line-height: 22px;
}
@font-face {
font-family: honghahep;
src: url(../fonts/honghahep_b.ttf);
}
.nd img {
max-width: 100%;
height: auto;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
color: #000;
}
.phantrang {
text-align: center;
width: 100%;
float: left;
margin-bottom: 10px;
padding-left: 0px;
padding-top: 10px;
font-family: arial !important
}
.phantrang a {
font-weight: bold;
width: 26px;
height: 26px;
margin: 1px;
background: #fff;
border: solid 1px #ddd;
color: #23527c;
padding: 6px 11px;
font-size: 13px;
border-radius: 3px;
}
.phantrang a:hover {
color: #fff;
background: #337ab7;
border-radius: 3px;
border: solid 1px #337ab7;
}
.phantrang span {
font-weight: bold;
width: 26px;
height: 26px;
margin: 1px;
background: #337ab7;
border: solid 1px #337ab7;
color: #fff;
padding: 5px 10px;
font-size: 13px;
border-radius: 3px;
}
.phantrang li {
list-style: none;
float: left;
}
.clear {
clear: both;
}
.danhmuc {
width: 198px;
height: 30px;
background: #0055A8;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-top: 15px;
margin-bottom: 5px;
}
.hotro {
line-height: 32px;
width: 200px;
height: 82px;
background: url(../images/bg_hotro.png) left top no-repeat;
text-align: center;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #470d14;
}
.title {
width: 150px;
height: 30px;
background: #0055A8;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-top: 15px;
margin-bottom: 5px;
}
.title h3 {
font-size: 15px;
}
.title a {
color: #fff;
}
.title2 {
width: 180px;
line-height: 32px;
background: #0773B9;
text-transform: uppercase;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: bold;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.title3 {
width: 98%;
min-height: 40px;
line-height: 40px;
border-bottom: 1px solid #ff0000;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
padding-top: 10px;
padding-left: 2%;
float: left;
}
.title3 h3 {
color: #1a1a1a;
font-size: 22px;
font-weight: bold;
}
.title5 {
font-size: 16px;
height: 35px;
background: #C3893E;
color: #FFF;
}
.title5 a {
padding-right: 12px;
color: #FFF;
font-size: 14px;
padding: 8px 15px;
}
.title5 h3 a:hover {
text-decoration:none;
}
.title_detail {
display: block;
margin: 15px 0;
text-transform: uppercase;
background: #C3893E;
color: #FFF;
padding: 12px;
clear:both;
}
.title_detail h1 {
font-size: 14px;
margin: 0;
color: #FFF;
}
.title_detail h3 {
font-size: 14px;
color: #FFF;
margin: 0;
}
#wrapper {
background: #E2FEFB;
}
#header {
width: 100%;
height: 60px;
background: #c3893e; /*url(../images/bg-head.png);*/
margin: auto;
position: relative;
z-index: 800;
}
#menu_m {
width: 535px;
position: relative;
margin: 0 auto;
border-radius: 5px;
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 60px;
}
#menu_m ul {
margin-top: 25px;
display: inline-block;
}
#menu_m ul li {
float: left;
text-transform: uppercase;/*height: 60px;*/
}
#menu_m ul li h2 {
margin: 0;
}
#menu_m li a {
color: #fff;
padding: 8px 12px;
font-size: 14px;
font-weight: bold;
display: block;
}
.caret {
display: none;
width: 25px;
height: 12px;
vertical-align: middle;
background: url(../images/hover-menu.png) no-repeat;
position: relative;
margin-top: 0px;
margin-left: 40%;
margin-right: 40%;
transition: 5s;
}
#menu_m li:hover {
color: #FFF600;/*background: url(../images/bg_hv.png) top;*/
}
#menu_m li:hover .caret {
display: block;
}
#menu_m .act .caret {
display: block;
}
#menu_m .act {
/*background: url(../images/bg_hv.png) top;*/
}
#menu_m .act a {
color: #FFF600;
}
#menu_m li ul {
width: 240px;
color: #FFFFFF;
display: none;
position: relative;
z-index: 1000;
margin-top: 0px;
background: #C3893E;
}
#menu_m li:hover ul {
display: block;
position: absolute;
}
#menu_m li:hover li {
float: none;
font-size: 12px;
height: 36px;
position: relative;
line-height: 36px;
border: solid 1px #AA702E;
margin-left: -1px;
margin-top: -1px;
padding-left: 12px;
}
#menu_m li ul li:hover {
background: none !important;
}
#menu_m li:hover li a {
font-size: 12px;
color: #FFFFFF;
padding-left: 6px;
display: block;
padding: 0px;
background: none;
}
#menu_m li:hover li a:hover {
color: #FF0;
}
#menu_m li ul li ul {
left: 242px;
top: 15px !important;
opacity: 0 !important;
border-bottom: none
}
#menu_m li ul li:hover ul {
opacity: 1 !important;
}
#menu_m li ul li ul li a {
color: #fff !important
}
#menu_m li ul li ul li:hover a {
color: #ff0 !important
}
.search {
width: 203px;
height: 25px;
background: #FFF;
padding-left: 0px;
margin-top: 7px;
border: solid 1px #85c6ee;
}
#keyword {
float: left;
border: none;
color: #666;
height: 25px;
padding-left: 5px;
}
#search-button {
width: 29px;
height: 25px;
background: url(../images/icon_tk.png) repeat;
border: none;
float: left;
position: absolute;
cursor: pointer;
}
.keymail {
float: left;
border: solid 2px #BFBFBF;
height: 34px;
width: 273px;
font-size: 14px;
margin-top: 4px;
padding-left: 10px;
outline: none;
}
.btnmail {
float: left;
margin-top: 4px;
border: solid 2px #BFBFBF;
width: 60px;
height: 38px;
text-align: center;
line-height: 34px;
margin-left: -2px;
background: #fff;
cursor: pointer;
}
#slider_m {
width: 1200px;
height: 525px;
margin: auto;
}
#slider_m img {
}
#contain_m {
/*width: 100%;*/
min-height: 510px;
background: #FFF;
margin: auto;
}
#left {
width: 255px;
min-height: 300px;
float: left;
margin-right: 20px;
}
#menudoc {
margin-bottom: 10px;
border: solid 1px #ededed;
box-shadow: 2px 2px 5px #999;
border-radius: 5px;
}
#menudoc ul {
margin-left: 20px;
}
#menudoc li {
list-style: square;
position: relative;
width: 220px;
border-bottom: 1px #ddd solid;
padding: 5px 0;
color: #EC1F27;
}
#menudoc li a {
display: block;
padding: 5px 0;
color: #6C6C6C;
font-size: 13px;
font-weight: bold
}
#menudoc li a:hover {
color: #161887;
}
#menudoc li ul {
position: absolute;
display: none;
top: 0;
left: 100%;
background: url(../images/footer.jpg) left top repeat-x, #daaa01;
z-index: 20;
}
#menudoc li:hover>ul {
display: block;
}
#contain {
/*width: 100%;
min-height: 400px;
float: left;
margin: auto;
border-radius: 5px;*/
}
#con_left {
width: 705px;
min-height: 400px;
float: left;
margin-right: 25px;
}
#con_right {
width: 200px;
min-height: 300px;
float: left;
}
.sp_ct {
height:275px;
}
.sp {
/*height: 255px;*/
width:100%
}
.sp_img {
height: 170px;
border: 1px solid #CCC;
overflow: hidden;
}
.sp_img img {
width: 100%;
/*height: 170px;*/
}
.sp_info {
min-height: 100px;
width: 95%;
margin: auto;
}
.sp_ten {
margin-top: 8px;
min-height: 25px;
text-align: left;
line-height:20px
}
.sp_ten a {
line-height: 14px;
font-size: 14px;
color: #0F0E0E;
font-weight: bold;
}
.sp_vitri {
color: #444;
font-size: 13px;
line-height: 18px;
}
.sp_gia {
text-align: center;
color: #939393;
font-size: 14px;
font-weight: bold;
}
.sp_gia a {
color: #f00;
}
.sp_mota {
color: #666;
font-size: 13px;
text-align: center;
}
.sp_chitiet {
line-height: 10px;
width: 50px;
float: left;
padding-left: 10px;
}
.sp_chitiet a {
font-size: 13px;
font-weight: bold;
color: #50504f;
}
#footer {
width: 100%;
min-height: 60px;
background: url(../images/bg_fot.png);
padding: 8px 0;
}
.sp_hot img {
width: 100%;
height: 100%;
}
.sp_hot2 {
background: url(../images/bg_hv1.png);
height: 42px;
width: 100%;
}
.hot {
width: 342px;
height: 208px;
border: solid 1px #ccc;
float: left;
position: relative;
}
.sp_hot2_ten a {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 40px;
padding-left: 20px;
}
.sp_hot2_ten span {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 40px;
padding-left: 20px;
}
.sp_hot2_ten a:hover {
color: #ff0;
}
.sp_hot2_mota {
color: #CACACA;
padding-left: 15px;
padding-top: 5px;
line-height: 20px;
font-size: 14px;
}
.pd-des {
position: absolute;
bottom: 0;
height: 42px;
width: 343px;
background: url(../images/bg_hv2.png);
overflow: hidden;
transition: height 0.8s;
}
.hot:hover .pd-des {
height: 140px;
transition: height 0.8s;
}
/* breadcrum */
.breadcrum {
color: #000;
text-align: left;
font-size: 11px;
max-width: 100%;
height: 40px;
line-height: 40px;
}
.breadcrum a:first-child {
background: none;
}
.breadcrum a {
display: block;
color: #555;
line-height: 40px;
margin-right: 9px;
padding-left: 18px;
float: left;
background-size: contain;
font-size: 14px;
font-weight: bold;
}
.breadcrum a:hover {
color: #39b54a
}
.breadcrum .selectedcrumb {
color: #484848;
}
/* breadcrum */
/* gioi thieu */
.right-col {
margin-top: 15px;
}
.right-col h2 {
background: url(../images/bg-title-r.png) no-repeat right #000;
width: 100%;
height: 44px;
line-height: 44px;
font-size: 16px;
text-transform: uppercase;
padding: 0 0 0 15px;
color: #fff;
margin: 0;
}
.item-right {
margin-top: 15px;
}
.r-menu {
background: #1668b2;
padding: 10px 5px;
box-shadow: 1px 4px 5px #ccc;
margin-bottom: 10px;
}
.r-menu ul {
margin: 0 0 00;
padding: 0;
}
.r-menu ul li:first-child {
border: none;
}
.r-menu ul li {
list-style: none;
width: 100%;
border-top: 1px dotted #639acb;
}
.r-menu ul li a {
color: #fff;
background: url(../images/menu-right.png) no-repeat scroll 5px 15px;
display: block;
position: relative;
padding: 6px 0 8px 15px;
}
.r-menu ul li a:hover {
color: #1668b2;
background: #e8f0f7 url(../images/menu-right-h.png) no-repeat scroll 5px 15px;
}
.r-menu ul li ul {
margin: 0 0 7px 0;
padding: 0 0 7px 15px;
}
/* gioi thieu */
.form-control {
display: block;
width: 100%;
min-height: 20px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.newsblock {
margin-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
min-height: 135px;
border-bottom: 1px solid #cccccc;
}
.newsblock a {
color: #444;
}
.newsblock a:hover {
color: #dabe4f;
}
.newsblock img {
float: left;
width: 160px;
height: 110px;
margin-right: 15px;
}
.newsblock h4 {
margin: 0;
font-size: 16px;
font-weight: bold;
color: #001a4b;
min-height: 25px
}
.newsblock h4 a {
color: #001a4b;
}
.newsblock span {
font-size: 14px;
padding-top: 10px
}
.newsblock .date {
margin-top: 5px;
font-size: 14px;
color: #888;
}
.newsblock p {
font-size: 14px;
line-height: 1.5;
}
.newsblock .readmore {
display: block;
text-align: right;
font-size: 13px;
width: 100%;
margin-top: -5px;
padding-bottom: 10px;
}
.newsblock .readmore::after {
content: '>>';
margin-left: 10px;
}
/* header */
.head_content {
/*width: 1200px;*/
margin: 0 auto;
}
.head_logo {
width: 240px;
float: left;
}
.head_logo img {
margin: 12px 0;
}
.head_tk {
position: absolute;
right: 250px;
display: none;
}
.head_hl {
width: 225px;
background: rgba(0, 0, 0, 0) url("../images/hl.png") no-repeat scroll 8px 10px;
float: right;
}
.head_hl p {
color: #d71d24;
font-family: arial;
font-size: 24px;
font-weight: bold;
padding: 15px 0 15px 50px;
}
/* menurp */
.menurp {
display: none
}
.menurp {
display: none;
color: #fff;
width: 100%;
margin: auto;
border-bottom: solid 1px #0c2a62;/*background: url(../images/bg_meurp.png);
background-color: #fff;*/
}
.menu {
min-height: 45px;
}
.menu li a {
color: #f9f9f9;
font-weight: bold;
font-size: 18px;
line-height: 46px;
padding-left: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.menu li ul li {
min-height: 45px;
background: #72502D;
border-bottom: solid 1px #fff;
}
.menu li ul li a {
font-size: 14px;
font-weight: normal;
padding-left: 30px;
color: #fff;
}
.menu2 {
position: relative;
}
.menu2 li ul li a {
padding-left: 50px;
color: #fff;
}
.actm {
color: #ff0 !important;
}
.ttt {
content: "";
width: 0px;
height: 0px;
border: 10px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: 26px;
left: 55px;
}
/* header */
.sl_ct {
width: 1200px
}
.fot_ct {
margin: auto;
min-height: 60px padding:15px 0;
}
.fot_ct h3 {
font-size: 16px;
margin: 3px 0px
}
.fot_ct p {
font-size: 13px;
margin: 0px 0px
}
@media only screen and (min-width: 960px) and (max-width: 1920px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
.fot_ct h3, .fot_ct p {
padding: 2px 0;
font-size: 12px;
}
#linkp {
float: left;
margin-left: 1%;
max-width: 90%;
display: none;
}
}
.breachcum {
padding:12px 0;
border-bottom:1px dotted #CCC;
min-height:48px
}
.fb {
float: right;
margin-top: -3px;
text-align:right;
}
.fb a {
display:inline-block;
}
.fb img {
margin-left:12px;
}
.nd , .nd * {
text-align:justify;
}
.fot_left {
float: left;
color: #FFF;
}
#linkp {
float: right;
min-height: 38px;
text-align: right;
width: 435px;
color: #FFF;
}
#linkp a {
color: #9FD9FF;
font-weight: bold;
}
.qc img {
width: 100%;
height: 265px;
}
/* gioithieu */
.gt_ct {
}
.gt_left {
}
.nd h2 {
font-size: 14px;
}
/* gioithieu */
/* duan */
.da_ct {
width: 100%;
padding: 0;
background: #FFF;
min-height: 280px;
}
.da_ct2 {
width: 1120px;
min-height: 65px;
float: left;
border-left: solid 2px #BFBFBF;
border-bottom: solid 2px #BFBFBF;
}
.da_dk {
width: 780px;
min-height: 65px;
float: left;
border-right: solid 2px #BFBFBF;
}
.da_dk2 {
width: 700px;
min-height: 45px;
margin: auto;
}
.da_td {
font-size: 15px;
font-weight: bold;
font-family: tahoma;
line-height: 45px;
width: 50%;
float: left;
color: #3F3F3F
}
.da_td2 {
width: 50%;
float: left
}
.da_cs {
width: 335px;
min-height: 65px;
float: left
}
.da_sp {
margin: 20px 0;
}
/* duan */
.listsub h3 {
font-size:14px !important;
background:#C3893E;
color:#FFF;
padding:12px;
text-transform:uppercase;
font-weight:normal !important;
}
.subnews {
min-height:212px;
}
.subnews span.img {
width:100%;
height:155px;
overflow:hidden;
display:inline-block;
}
.subnews a.title {}
/* chi tiet du an */
.ctda_ct {
}
.ctda_left {
}
.ctda_left h1 {
font-size: 18px;
font-weight: bold;
text-align: justify;
line-height: 24px;
}
.ctda_right {
}
/* chi tiet du an */
/* tin tuc */
.newt_ct {
}
.newt_net {
float: left;
}
.newt_net2 {
float: left;
}
.b_img {
width: 100%;
height: 215px;
margin: 15px 0;
overflow:hidden;
border:1px solid #CCC;
}
.b_img img {
width: 100%;
height:auto;
}
a.b_name {
font-weight: bold;
height: 45px;
overflow: hidden;
display: block;
}
.b_sum {
overflow: hidden;
height: 50px;
padding: 2px 0;
}
.newt_net2img img {
width: 100%;
height: 215px
}
.newt_net2img2 {
margin-top: 15px;
}
.newt_net2img2 img {
width: 100%;
height: 380px
}
.nhcv_ct {
width: 25%;
float: left
}
.nhcv {
width: 280px;
height: 200px;
margin-bottom: 20px;
margin: auto;
}
.bnnew_right {
width: 370px;
margin-left: 15px;
float: left
}
.bnnew_right img {
width: 100%;
height: 215px;
}
.chothue_ct {
width: 770px;
float: left
}
.chothue_left {
width: 375px;
float: left;
}
.chothue_right {
width: 375px;
float: left;
margin-left: 15px;
}
.tin2 {
}
.tin3 {
min-height: 280px;
position: relative;
}
.tin3_new {
margin: auto;
position: relative;
margin-bottom: 15px;
}
.tin3_new h3 {
font-size: 14px;
line-height: 18px;
height: 32px;
overflow: hidden;
padding: 0;
margin: 0 0 12px;
}
.tin3_new h3 a {
font-size:14px;
font-weight:bold;
}
.tin3_new a.img {
display: block;
width: 100%;
height: 210px;
overflow: hidden;
margin-bottom: 8px;
}
.tin3_new a.img img {
width: 100%;
height: auto;
}
.tin3_new div {
font-size: 14px;
height: 45px;
overflow: hidden;
}
.title5_tenn2 {
width: 240px;
margin-left: 10px;
float: left;
font-size: 14px;
font-weight: bold;
color: #505050;
font-family: tahoma
}
.title5aa {
float: right !important;
font-size: 12px !important;
color: #FFF!important;
font-style: italic;
}
/* tin tuc */
.gotll {
height: 15px;
color: #fff
}
.da_cs2 {
width: 330px;
height: 45px;
text-align: center;
margin: auto
}
.da_cs3 {
float: left;
text-align: center;
width: 90px;
line-height: 40px
}
.da_cs4 {
padding-top: 5px;
width: 240px;
float: left
}
.sp_vdct {
margin-bottom: 15px;
overflow: hidden;
}
.sp_vdo {
height: 220px;
margin: 0 0 15px;
overflow: hidden;
}
.sp_vdo > a.img {
padding: 0;
display: inline-block;
margin: 0;
border: 1px solid #CCC;
}
.sp_vdo img {
width: 100%;
height: 165px
}
.slbot {
width: 280px;
margin: auto;
margin-bottom: 30px;
display: none;
}
/* video */
.vdoo_left {
width: 100%;
}
.vdoo_left img {
/*border: solid 1px #eee;*/
}
.vdoo_lf {
float: left;
border: 1px solid #CCC;
min-height: 320px;
margin-bottom: 15px;
}
.vdoo_lf img {
width: 100%;
height: 365px;
}
.vdoo_lr {
float: right;
overflow: auto
}
.vdoo_lrc {
width: 100%;
height: 100px;
margin-bottom: 15px;
}
.vdri {
float: right
}
/* video */
.sl_mm {
display: none
}
.gt_ct .nd p {
line-height: 20px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.fixed2 {
position: fixed !important;
top: 60px;
right: 175px;
max-width:290px;
}
@media screen and (max-width: 590px) {
.fixed2 {
max-width:100%;
}
.right-col h2 {
background: url(../images/bg-title-r.png) no-repeat right #000;
height: 44px;
font-size: 16px;
text-transform: uppercase;
padding: 0 0 0 15px;
color: #fff;
margin: 0px 0 0 0px;
width:100%;
}
}
h3.chude, h3.chude2 {
font-size: 14px;
margin: 0;
display: block;
margin: 15px 0;
text-transform: uppercase;
background: #C3893E;
color: #FFF;
padding: 12px 15px;
clear: both;
line-height:18px;
}
h3.chude a {
color:#FFF !important;
}
h3.chude a:hover {
text-decoration:none;
color:#FF0 !important;
}
h3.chude2 {
background:#337ab7;
}
.hort img{
max-width: 150px;
max-height: 100px;
}
.doitac h3 {
font-size: 14px;
padding: 8px 12px;
}