/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
background: #7B7C7C !important;
background-position: center top;
    margin:0;
    padding:0;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
/*background-size: 100% 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;   */
}
/* Áp dụng cho toàn bộ trang web */
::selection { background: #FF0000;color:#fff }
::-webkit-selection { background: #00ccff }
::-moz-selection { background: #00ccff }

/* Hoặc áp dụng cho từng đối tượng tùy ý */
h1::selection { background: #00ccff }
h1::-webkit-selection { background: #00ccff }
h1::-moz-selection { background: #00ccff }
img{
  border: 0px;

}
#main_content img:hover{
 
cursor: pointer;
}

p,div{
  padding: 0;
margin: 0;
line-height: 18px;
}
a:hover{
  text-decoration: none
}

@media(min-width:768px) {
#page {
margin: 0 auto;
padding: 0;
background: #fff;
width: 1250px;
overflow: hidden;
}
.headthuan{
  width:100%;
  background:#fff;
    height: 130px;
  margin: 0px;
  padding:0px;
}
#header {
width:100%;

}

    #header .logo {
       float: left;
width: 310px;
padding-top: 5px;
margin-top: 20px;
height: 0px;
margin-right: 5px;

    }
      #header .sologan {
       float: left;
width: 650px;
padding-top: 0px;

      }
      #header .bannerads{
float: right;
margin-top: 5px;
width: 425px;
max-height: 150px;
overflow: hidden;
margin-right: 5px;
min-height: 150px;
      }

     #header .sologan .find div{
       float:left;
     font-size: 25px;
color: #A99267;
margin-right:40px;
     }
     #header .sologan .find{
   clear: both;

        }
     #header .sologan h1{
       color:#fff;
       font-size:16px;
     }

        #header .signup { float: right;width:300px; text-align:right;   }
      #header .signup .tim{
        padding:20px 0 10px 0;
      }

    #header #header_adv {
        float: left;
        margin-top: 10px;
        margin-left: 60px;
    }

#left_content {
width: 250px;
float: left;
margin-top: 5px;
margin-left: 5px;

}
#right_content{
float: right;
margin-top: 5px;
width: 280px;
background: #fff;
min-height: 200px;
margin-right: 30px;


}

td a{
  font-size:12px; font-family:arial;
}

.header_left {
width: 206px;
line-height: 30px;
background: url(menu.png) no-repeat;
font-size: 13px;
color: #fff;
font-weight: bold;
height: 52px;
margin-left: 0px;
z-index: 20;
text-transform: uppercase;
padding-left: 10px;
opacity: 0.8;
}
.header_right{
background: #B2A180;
width: 288px;
height: 35px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-family: arial;
padding-left:10px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}
.header_thongke {
background: url(bg_header.gif) center -1px;
width: 293px;
height: 35px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: arial;
padding-left: 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
text-shadow: 1px 1px 1px #fff;
}
.header_kienthuc {
background: url(bg_header.gif) center -1px;
width: 293px;
height: 35px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: arial;
padding-left: 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
text-shadow: 1px 1px 1px #fff;
}
.ads{
background: #12D073;
width: 250px;
height: 35px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-family: arial;
padding-left: 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}

.header_right h3{
  margin:0;padding:0;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#main_content {
float: left;
text-align: left;
min-height: 500px;
width: 760px;
margin-top: 5px;

}
#main_content2 {
float: left;
text-align: left;
min-height: 150px;
width: 73%;
margin-top: 5px;
border: 1px solid #ccc;
margin-left: 13px;
overflow: hidden;
}
 h1{
   padding:0;margin:0;
 }

.header_main {
    background: url("bg_header.gif");
    font-family: Verdana;
    color: #ff5a00;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 5px 5px 5px;
    height: 34px;
    line-height: 34px;
}
.sim100{
  width: 400px;
padding: 5px;
}

.box_content {
    border: #FF9900 solid 1px;
    padding: 5px;
    line-height: 22px;
}

.style3 {
    color: #FF0000;
}

#footer {
 width: 990px;

padding:10px 0 10px;
overflow: hidden;
margin:0 auto;

}
#footer img{
}
#footer p{
padding:0;margin:0;
color:#fff;

}
#footer a{
color:#fff;font-size:15px;
padding:0;
margin:0;

}
.congty{
  font-size:20px;

}

.diachi{
 margin-bottom:10px;
}

 .tfoot{
   text-align:center;
   color:#000;

 }
 .tfoot a{color:#000; }
    #footer ul {
        margin: 0 auto;
        text-align: center;
    }

        #footer ul li {
            display: inline;
            font-size: 11px;
            padding: 0px 5px;
            font-weight: bold;
            border-right: 2px solid #333333;
        }

            #footer ul li:last-child {
                border: none;
            }

            #footer ul li a {
                text-decoration: none;
                color: #333333;
            }

                #footer ul li a:hover {
                    color: #ff6600;
                }

#mybody {
    background: #7380C2 no-repeat center top;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: Tahoma, Verdana, Arial;
}

#frame {
    background: url(../images/content.jpg) no-repeat center top;
    width: 100%;
    min-height: 500px;
    float: left;
}

#top {
    width: 980px;
    float: left;
    height: 55px;
    background: url(../Images/sitemap.jpg) no-repeat center top;
    line-height: 55px;
}

    #top #top_left {
        float: left;
        width: 190px;
        text-align: center;
    }

    #top #top_center {
        float: left;
        width: 150px;
        text-align: left;
        padding-left: 20px;
        background: url(../images/bullet.gif) no-repeat left center;
        margin-left: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: #333;
    }

    #top #top_right {
        float: right;
        width: 500px;
        text-align: right;
    }

        #top #top_right a.logout {
            background: url(../images/logout_g.jpg) no-repeat left top;
            display: inline-block;
            width: 105px;
            height: 30px;
            padding-left: 35px;
            text-align: left;
            margin-top: 10px;
            line-height: 35px;
            color: #555;
        }

            #top #top_right a.logout:hover {
                background: url(../images/logout_r.jpg) no-repeat left top;
                color: #222;
            }

#middle {
    width: 960px;
    background: url(../images/middle.jpg) repeat-y left top;
    float: left;
}

    #middle #middle_left {
        float: left;
        width: 195px;
        text-align: left;
        margin-top: 20px;
    }

        #middle #middle_left #left_descript {
            float: left;
        }

        #middle #middle_left .desciption {
            float: left;
            display: block;
            width: 145px;
            background: url(../images/l_menu.jpg) no-repeat right top;
            height: 55px;
            padding-left: 40px;
            line-height: 55px;
            font-weight: bold;
            color: #fff;
        }

    #middle #middle_right {
        margin-top: 20px;
        float: left;
        width: 760px;
    }

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

#lst_custommer {
    margin: 20px;
    background-color: #fff;
    border-collapse: collapse;
}

    #lst_custommer td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 5px 0;
    }

ul.paging {
    float: right;
    padding: 0 5px;
    margin: 10px 0;
    margin-top: 15px;
}

    ul.paging li {
        display: inline;
    }

        ul.paging li a {
            padding: 6px 12px 8px;
            color: #333333;
            text-decoration: none;
        }

            ul.paging li a.act {
                border-radius: 50px;
                font-weight: bold;
                color: #fff;
                background: #254971;
                width: 28px;
                height: 28px;
            }

        ul.paging li.dis a {
            color: #9999a8;
        }
.title-top{
font-size: 16px;
padding:10px;
color: #4169E1;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
width:650px;
font-family: arial;
text-transform: uppercase;
font-weight: bold;
border-radius:5px 5px 0 0;
background:#fff;
margin-left: 10px;
}

 #main_content .noidung-hinh{
   float:left;
   width:150px;
  margin-right:32px;
 }
 #main_content .noidung-tieude{
  float:left;
  width:480px;
    border:1px solid #ddd;
    min-height:100px;
    background: #FDFDFD;
    }
#main_content .noidung-tieude div,a{

  text-decoration: none;
  font-size:14px;  color:#000
}
#main_content .noidung-tieude .noidung{
  padding:0px 10px;
  font-size:16px;  color:#000;  font-size:13px;
}
.line{
clear: both;
border-bottom: 1px solid #ddd;
padding: 5px 0 5px 0;
width: 664px;
}
.catalog_text {
  padding: 5px;
}

.catalog_text a{
 color:#000;
 padding:5px 0 5px 0;
 font-size:14px;
 height:20px;
 font-family: tahoma;
}
.cataloge{
width: 216px;
float: left;
line-height: 25px;

}

.cataloge ul{
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
margin-top: -14px;
background:url(content2.png);
opacity: 0.8;
}
.cataloge ul li a{
  padding-left:17px;
  font-size: 14px;
}

.top1{
  background:url(top.png);
   width:216px;
  height:26px;   opacity: 0.8;
}
.bottom1{
   background:url( bottom2.png );
    width:216px;
  height:26px;
  opacity: 0.8;
}

 #tables
{
	background-color:#B5B5B5;
	width:551px;
	margin:0 1px 0 1px;
    margin-bottom: 10px;
}
#tables tr td.top
{
	background-image:url('tdtop_bg.png');
	line-height:27px;
}
#tables tr td
{
	background-color:white;
	line-height:18px;
}
.hinhmenu{
width: 180px;
background: url(../images/chevron-right-16.png) no-repeat left 10px;
float: left;
border-bottom: 1px dashed #ccc;
padding: 5px 0 5px 0px;
margin-left: 22px;

}
.sanpham{
  width:100%;
  margin-left: 10px;
}
.sanpham .line-ngang{
 background:url(shadow.png);
 display:block;
 height:
}
.sanpham ul{
width:100%;
list-style: none;
padding: 0;
margin: 0;

overflow: hidden;
background:#ffffff;
}

.sanpham ul li{
float: left;
width: 171px;
display: block;
overflow: hidden;
padding: 5px;
margin-right: 17px;
min-height: 200px;
font-size: 14px;
font-family: tahoma;
border: 1px solid #F0F0F0;
margin-bottom: 10px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 2px 2px 5px 0 #B3B3B3, 0 5px 5px -5px rgba(140, 140, 140, 0.85);
}
.sanpham ul li img{

}
.sanpham ul li a{
padding: 5px 0 5px 0;
color: #565656;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 16px;
}
.sanpham ul li .readmore{
  font-size: 14px;
text-align: center;
float: right;
margin-right: 10px;
padding:5px 0 5px 0;
color: #fff;
width: 50%;
font-style: italic ;
}
.sanpham ul li .tieudetin{
font-size:14px;

 }

.sanpham ul li .readmore2{
font-size: 12px;
text-align: center;
float: right;
padding: 5px 0 5px 0;
margin-top: 0px;
color: #fff;
width: 100%;
font-style: italic;
}
.sanpham ul li .readmore:hover{color:#FFCC00;}
.sanpham ul li .readmore2:hover{color:#FFCC00;}
.sanpham ul li a:hover{  color:#DC143C; }
 .sanpham ul li p{
margin: 0;
padding: 0;
text-align: justify;
font-family: tahoma;
font-size: 13px;
color:#696969;
 }
  .sanpham2{
    margin-left:10px;
  }

 .sanpham2 ul{
border: 1px solid #ccc;
width: 99%;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}
.hot{
  background: #E84A4A; font-size: 14px; color: #fff;text-transform:uppercase;padding:5px 0 5px 0 !important;
}
.sanpham2 a:hover{
  text-decoration: none;
}


.hot #khung0{float:left;color:#fff;font-size: 15px;}
.hot #khunganh{float:left;width:20px;height:22px;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px}
.hot #khung1{float:left;width:650px;text-align:left;color:#fff;padding-left:10px;font-size: 15px;}
.hot #khung2{float:left;width:160px;text-align:center;color:#fff;}
.hot #khung3{float:left;width:160px;text-align:center;color:#fff;}
.hot #khung4{float:left;width:90px;text-align:center;color:#fff;}
.hot1 #khung0{float:left;color:#fff;}
.hot1 #khunganh{float:left;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px}
.hot1 #khung1{float:left;padding: 0px 0 2px 0;width:93%;}
.hot1 #khung2{min-width:100px;max-width:160px;float:left;}
.hot1 #khung31{float:left;width:130px;text-align:left;}
.hot1 #khung3{float:left;width:120px;text-align:center;}
.hot1 #khung4{float:left;width:120px;text-align:center;}
.hot1 #khung5{float: right;
width: 120px;
text-align: right;}
.hot1 #khung6{float: right; width: 20px; text-align: center; background: #FCEC7C; margin-right: 5px; color: #CC0000; border-radius: 20px;transform: rotate(50deg);}

.sanpham2 ul li{
float: left;
width: 100%;

font-size: 14px;
font-family: tahoma;
border-bottom: 1px solid #F0F0F0;
padding: 3px 0 3px 0;


}
.sanpham2 ul li:hover{
display:block;
background: #F0F0F0;
}

.sanpham2 ul li a{
padding: 10px 0 10px 0;
color: #1B1B1B;
font-family: tahoma;
font-size: 15px;
text-decoration: none;
}
.sanpham2 ul li a:hover{
color:#FF0000;
}
 .uytin{
 width: 703px;
padding: 5px 7px 0px 7px;
font-weight: bold;
font-family: arial;
font-size: 16px;
color: #444444;
text-transform: uppercase;
filter: none;
margin-bottom: 7px;
 }
.uytin a{ color:#333333;font-size:14px; }
 .title-right{
 float: left;
width: 550px;
font-size: 14px;
padding: 0px 0 0px 5px;
margin-bottom: 5px;
color: #000;
font-family:tahoma;

 }
 .title-right2{
 float: left;
width:265px;
font-size: 14px;
padding: 0px 0 0px 5px;
margin-bottom: 5px;
color: #000;
font-family:tahoma;

 }

.title-right2:hover{
color:#FF0000;
}
.icon{
 float: left;
display: block;
height: 50px;
width: 50px;
margin-top: 5px;
}

.title-right:hover{
color:#FF0000;
}
 #more{
    text-align: center;
    padding: 10px 0;
    width: 500px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: auto;
    background: #eee;
}
#more:hover{
    cursor: pointer;
    background: #ccc;
}
.input{
  padding:10px;
}
 .input:hover{
  padding:10px;
   background:#3399FF;
   color:#fff;
}
.input2{
  padding:10px;
}
.tim-title{
  padding:10px; font-size:15px;
  font-weight:bold;
}
.tim-title span{
  color:#FF0000;
}
.social{
  width:1100px;


}

.social ul{
 list-style:none;
 margin:0 auto;padding:0 ;
}
.social ul li{float:left;}
.social ul .facebook{
background:url(facebook.png);

margin-left:300px;
padding:45px;
}
.social ul .facebook:hover{
opacity: 0.5;
margin-top:-10px;

}
.social ul .google{
background:url(google.png);
padding:45px;

}
.social ul .google:hover{
background:url(google.png);
opacity: 0.5;
margin-top:-10px;

}
.social ul .youtube{
background:url(youtube.png);
padding:45px;

}
.social ul .youtube:hover{

opacity: 0.5;
margin-top:-10px;

}
.social ul .twiter{
background:url(twiter.png);
padding:45px;

}
.social ul .twiter:hover{

opacity: 0.5;
margin-top:-10px;

}


.ten-23{
float: left;
width: 80px;
line-height: 30px;
font-size: 16px;
text-align: right;
padding-right: 10px;
}

.input-1{
  float:left;
  width:350px;
}
.input-1 input{
width:320px;
padding:9px;
border:1px solid #CCC;

}
.input-1 input:hover{border:1px solid #FF4500; }

.xoa-1{
  clear:both;height:5px;
}
.lop-1{
   width:335px;
padding:5px;
}

.title-dangky{

text-align:center;
padding:10px;
font-size:18px;
color:#C86716;
margin:0 auto;

text-transform:uppercase;
  font-weight: bold;
}
.top1-menu{
  margin: 0;
  padding:0;
  width:100%;
  height:30px;
  background:#F5F5F5;
   position: fixed;
   clear:both;
   z-index:10000;

}

.top-menu {
  width:1010px;margin:0 auto;

}
.top-menu ul{

list-style: none outside none;
 padding: 0;
margin: 0;

float:left;
  }
.top-menu ul li{
   float:left;
   padding:5px;
   border-right:1px solid #DCDCDC;
  }
.top-menu ul li a{
color: #696969;
font-size: 15px;
font-family: tahoma;
font-weight: 600;

}
.top-menu ul li a:hover{
color:#8B0000;
}
.signup{
  float:right;
  padding:5px;
  margin-right:30px;
}
.signup a{
 color:#696969 ;
font-size:14px;
font-family:tohoma;
  font-weight: bold;
  text-transform:uppercase;
}
.signup a:hover{color:#8B0000; }
.submenu{
  width:670px;
  background:#fff;
  margin-top:-13px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  overflow: hidden;
}
.submenu ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
.submenu ul li{float:left; width: 200px;
padding:7px;

}
.submenu ul li a{color:#000;font-family:tahoma;}
.submenu ul li a:hover{color:#B22222;font-family:tahoma;}
.login{
  padding:5px;
}
.login a{
color:#B22222 ;
 padding:5px;
}
.bl-tieude input{
 width:640px;
  height:20px;
  padding: 5px 0 5px 0;
  margin-bottom:5px;
}
.bl-noidung textarea{
 width:630px;
  height:150px;
  padding: 5px;
  margin-bottom:5px;
}
.bl-gui{
  width:100px;height:30px;
  text-transform:uppercase;
  font-size:16px;
  float:right;


}
.binhluan{
  width:530px;
  padding: 5px 0 5px 0;
  border-bottom:1px solid #ccc;
  font-size:18px;
  font-weight: bold;
  font-family:tahoma;   text-transform:uppercase;
}
.line{
   border-bottom:1px dashed #ccc;
width: 625px;
   clear:both;
   height:5px;
   margin: 5px 0 5px 0;
}
.hiok{
  padding: 0 0 10px 0;
}
.hiok span{
  color:#DC143C;
}
.bl-name{
 font-family:arial;
}
.bl-tieude2{
   padding:5px;
   border:1px solid #ddd;
   width:640px;
   margin:10px 0 10px 20px;
}
.bl-tieude2 p{
  padding-left:20px;
}

.timkiem{
width: 170px;
height: 25px;
margin-left: 5px;
border: 1px solid rgba(238, 238, 238, 0.61);
color: #A6A6A6;
padding-left: 5px;
border-radius: 5px 0 5px 0;
}
.timbut{
  width: 50px;
height: 30px;
background:#F0A721;
border: 0px;
text-transform: uppercase;
border-radius: 0px 7px 0 7px;

color: #fff;
font-weight: bold;
cursor: pointer;
}
.timbut:hover{ background:#CC3300;  }
.timkiem:hover{
  border:1px solid #FF3300;

}
.baiviet{
width: 98%;
padding: 5px;
background: #ffffff;
float: left;
border: 1px solid #eee;
margin-left: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.baiviet h2{
  line-height: 28px;
  padding:0;
  margin:0;
}

.baiviet p,div{
  color: #555555;
  font-size: 14px;
margin: 0;

}

 .chiase{
  float: left;
padding-right: 15px;
line-height: 30px;

 }

#back-top {
  float:right;
	position: fixed;
	bottom: 10px;
	right: 0px;
}
#back-top a {

	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 59px;
	height: 59px;
	display: block;
	margin-bottom: 0px;
	background:url(go-top.png) no-repeat center center;
	/* rounded corners */
   
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
opacity:0.2;
}
.trangchu{
  padding:10px;width: 550px;
  margin-left:20px;
  text-align: justify;
}
.khung1{
border:1px solid #eee;
border-radius:10px;
overfollow:hidden;
padding:7px;
width:520px;
background:#f9edbb;
}

.khung-commnet{
border:1px solid #eee;
border-radius:10px;
overfollow:hidden;
padding:7px;
width:520px;
background:#fff;
margin-bottom:10px;
}
.bubble img {
    float:left;
    width:50px;
    height:50px;
    border:3px solid #FFF;
    border-radius:10px
                  }
.bubble-content {
   position:relative;
   float:left;
   margin-left:12px;
   width:390px;
   padding:0px 20px;
   border-radius:10px;
   background-color:#FFFFFF;
   box-shadow:1px 1px 5px rgba(0,0,0,.2);
   }
.bubble {
     margin-top:20px;
     }
.point {
   border-top:10px solid transparent;
   border-bottom:10px solid transparent;
   border-right: 12px solid #F3F3F3;
   position:absolute;
   left:-10px;
   top:12px;
   } 
.clearfix:after {
      visibility:hidden;
      display:block;
      font-size:0;
      content: ".";
      clear:both;
      height:0;
      line-height:
      }
.clearfix {
      display: inline-block;
      }
.bubble-content img{width:auto;height:auto;}
.arrow_box {
	position: relative;
   background: #53A5C3;
background: -webkit-gradient(radial, center center, 0, center center, 200, from(#53A5C3), to(#3D6DA3));
	border: 4px solid #c2e1f5;
    padding:10px;
    color:#fff;
    font-size:20px;

}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #4EA0BE;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 36px;
	margin-left: -36px;
}
.khung-top{
  float: left;
  width: 492px;
 	position:relative;
height: 240px;
padding: 5px;
border: 1px solid #C1C4C5;
overflow: hidden;
margin-left: 45px;
background:url(thuan.jpg) center;
}
.top{
  padding-left: 170px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height: 14px;
}
.khungtrai{
float: left;
width: 280px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
padding-left: 7px;
}
.khungphai{
 float:left;
 width:200px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height: 16px;
  padding-left: 2px;
}
.banquyen{
 color: #747474;
font-size: 14px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}
.tomtat{
clear: both;
padding: 5px 0 0 0;
font-size: 11px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
color: #424040;
min-height: 50px;
text-align: justify;
}
.khung200 h3{
text-transform:uppercase ;
font-size:16px;
margin:0;padding:0;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;


}
.khung200{
width: 97.5%;
border:1px solid #EAEAEA;
min-height:100px;
background: url(mainnav-bg.gif) repeat-x left bottom;
padding:10px;
}
.khung200 .line2{
  clear:both;
  border-bottom:1px dashed #ccc;
  height:5px;
  margin:5px 0 10px 0px;
}

.khung200 .title200-left{
  float: left;
  width:200px;
  text-transform:uppercase;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
}
.khung200 .title200-right{
  float: left;
  width:400px;

    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;

}
.khung200 .title200-left1{
  float: left;
  width:20px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height: 12px;

}
.khung200 .title200-right1{
  float: left;
  width:580px;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
   font-size:13px;
}
.bai{
  float: left;width:150px;padding:0 2px 0 5px;margin-left:32px;
   font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
   text-align: justify;
   color:#666666;
   font-size:12px;  min-height: 85px;
}
.bai a{margin:0;padding:0;color:#000; }
.baiviet p{
   font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
line-height: 20px;
}
.image12 {
background: #887662;
color: #FFFFFF;
width: 100%;
height: 32px;
line-height: 30px;
text-align: center;
font-family: font_thuan_led;
font-size: 28px !important;
}
@font-face {
 font-family:font_thuan_led;
 src:url('fonts/enhanced_dot_digital-7.ttf') format('truetype'),
 url('fonts/Captureit.eot#iefix') format('embedded-opentype'),
 url('fonts/Captureit.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
.username{
  color: #000;
}
.tieude{
 width: 900px;
  padding:10px;
}
.title-dangtin{
font-size: 18px;
color: #6F5434;
border-bottom: 5px solid #AB7F4D;
}
.loading{
 background: url(../images/loadingintro.gif) no-repeat;
display: block;
width: 287px;
height: 141px;

}
select {
font-size:16px;

    cursor:pointer;
}
label {position:relative}
label:after {
    content:'<>';
    font:16px "Consolas", monospace;
    color:#000;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:10px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#ffff !important;
    position:absolute;
    pointer-events:none;
    display:block;
}
.new-post2 {
float: left;
background: url(new-post2.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon1 {
float: left;
background: url(list.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon2 {
float: left;
background: url(new-24-16.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.password-icon {
float: left;
background: url(password.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon3 {
float: left;
background: url(money.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon4 {
float: left;
background: url(history.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.help {
float: left;
background: url(help-contents.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.quydinh {
float: left;
background: url(quydinh.gif);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.mail {
float: left;
background: url(mail.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.title-right2 {
float: left;
width: 200px;
font-size: 12px;
padding: 10px 0 0px 5px;
margin-bottom: 5px;
color: #474747;

font-weight: bold;
line-height: 18px;
text-transform: uppercase;
}
.khung11{
padding:7px 0 7px 5px;width:280px;

}
.line-right{
  clear: both;height:2px;border-bottom:1px solid #EEEEEE;padding:2px 0 2px 0;
}
.header_right_tv {
background: url(bg_header.gif) center -1px;
width: 298px;
height: 30px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: arial;
padding: 2px 0 2px 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}
.uytin2{
  width:100%;
  padding: 10px 7px 10px 5px;
text-transform: uppercase;
font-weight: bold;
font-family: tahoma;
font-size: 13px;
color: #444444;
background: url(bg_header.gif) center -1px;
margin-bottom: 10px;
}
.uytin3{
width: 101%;
padding: 15px 3px 15px 7px;
margin: -5px 0px 15px -5px;
background: #055699;
color: #FFFFFF;
font-size: 14px;
}

.uytin3 a{color:#fff;font-size:15px; text-decoration: none }
.uytin3 a:hover{color:#FFFFCC;text-decoration: none}
.uytin4{
 width: 97.5%;
padding: 2px 3px 0px 0px;
margin: 1px 0px 5px 10px;
color: #444444;
font-size: 14px;
}
.new-post{

width: 120%;
padding: 10px 7px 10px 5px;
text-transform: uppercase;
font-weight: bold;
font-family: tahoma;
font-size: 13px;
color: #FFF;
background: #147C9B;
margin: 0 0 10px -5px;

}
.img{
border: 1px solid #EFEFEF;
padding: 5px;
background: #F2F1F1;
}
.mynghe{
background: url(turnnon.png) no-repeat;
width: 24px;
height: 24px;
display: block;
margin-top: 5px;
margin-right: 5px;
float: left;

}
.home123{
background: url(home-32.png) no-repeat;
width: 24px;
height: 24px;
display: block;
margin-top: 5px;
margin-right: 5px;
float: left;

}
.menutrai{
  width: 250px;
border: 1px solid #EFEDED;
margin-bottom: 5px;
}
.menutrai ul{
  width:100%;
  padding:0;margin:0;list-style:none;
}
.icon-left{

  display: block;height:10px;width:16px;float:left;
}
.icon-left1{
  background: url(left.png);
  display: block;height:16px;width:16px;float:left;
  margin-right:5px;
}
.menutrai ul li{background:#FFF6BA;}
.menutrai ul li a{display:block;border-bottom:1px solid #eee;padding:7px 5px 7px 2px;font-size:14px;}
.menutrai ul li a:hover{background:#eee;color:#FF0000;}
.menutrai ul li .active1{
 background:#eee;color:#FF0000;
}
.menutrai ul li ul li .active1{
 background:#eee;color:#FF0000;
}

.menutrai ul li ul{
   width:100%;
  padding:0;margin:0;list-style:none;
}
.menutrai ul li ul li{

}
.menutrai ul li ul li a{ background:#fff;display:block;border-bottom:1px solid #eee;padding:7px 5px 7px 15px;font-size:14px;}
.daban{
  background: #E0E0E0;
border: 0px;
color: #CF5454;
height: 25px;
cursor: pointer;
}
.chinhsua{
  background:url(edit.png) no-repeat;
border: 0px;
color: #CF5454;
width: 32px;
height: 32px;
cursor: pointer;
}
.uptin{
  background:url(up.png) no-repeat;
border: 0px;
color: #CF5454;
width: 32px;
height: 32px;
cursor: pointer;
}
.right{
  float:left;
  width:230px;
  margin:5px 0 0 0;
  border:1px solid #eee;
  padding:5px;
}
.right ul{ list-style:none;margin:0;padding:0 }
.right ul li{}
.right ul li{background:#fff;padding:2px;text-align: center; text-decoration: none }
.right ul li a{ text-decoration: none }
.right a:hover{ color:#CC0000 }
.count{
  float: right;
}
.get0{
  width: 170px; padding: 5px; float: left;
  border:1px solid #eee
}
.get1{
  padding: 5px;
width: 55px;
border: 0px;
height: 30px;
color: #fff;
cursor: pointer;
}
.get1:hover{background:#FF9900 }
.kienthuc{
background: #00ADFF url(icon-mnpt.png) no-repeat 1px;
padding: 7px 0 7px 30px;
width: 100%;
font-size: 16px;
color: #fff;
}
.hot2{color: #777777;}
.hot2:hover{color: #FF9900;}
#login {
  margin:20px auto;border:0px;width:500px;color:#000; float:left
}
#login form{
padding: 15px;

width: 650px;
margin: 0 auto;

}

#login .sumbit-1{
  margin-left: 160px;
}
#login .sumbit-1 input{
width:320px;
height: 45px;
font-size: 20px;
background: #B9B9B9;
border: 0px;
color: #000;

margin:0 auto;
font-weight: bold;

}
#login .sumbit-1 input:hover{
 color:#000;
 background:#FF0000;
cursor: pointer;
}
#login .dk1{
margin-left: 220px;
}
#login .ten-1{
float: left;
width: 180px;
line-height: 30px;
font-size: 16px;
text-align: right;
padding-right: 10px;
color:#000;
}
#login .ten-2{
float: left;
width: 160px;
line-height: 30px;
font-size: 16px;
text-align: right;
padding-right: 10px;
color:#000;


}
#login .dk1 a{
  color:#000;
  text-decoration: none;
}
 .khungthanhvien{
  border: 1px solid #DBDBDB; overflow: hidden;width: 298px;
}
.dangnhap{
  width:900px;
  margin:0 auto;
}

 }
 /************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen  and (max-width: 1200px) {
 #main_content {
float: left;
text-align: left;

width: 740px;
margin-top: 5px;
}
#main_content2 {
float: left;
text-align: left;
min-height: 150px;
width: 73%;
margin-top: 5px;
border: 1px solid #ccc;
margin-left: 13px;
overflow: hidden;
}
.navbar-inverse {

}
#left_content {
width: 250px;
float: left;
margin-top: 5px;
margin-left: 5px;
display:none;
}
#header .sologan {
float: left;
width: 650px;
padding-top: 5px;
display:none;

}
#header .bannerads {
float: right;
margin-top: 2px;
width: 360px;
max-height: 120px;
border: 1px solid #eee;
display:none;
}
.khungthanhvien{
  border: 1px solid #DBDBDB; overflow: hidden;width: 298px;
}

 }
/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
 #main_content {
float: left;
text-align: left;
width: 660px;
margin-top: 5px;
}
.navbar-inverse {

}
#left_content {
width: 250px;
float: left;
margin-top: 5px;
margin-left: 5px;
display:none;
}
.tieude{
 width: 100%;
  padding:10px;
}
.new-post {
width: 120%;
padding: 10px 7px 10px 5px;
text-transform: uppercase;
font-weight: bold;
font-family: tahoma;
font-size: 13px;
color: #FFF;
background: #147C9B;
margin: 0 0 10px -5px;
}
.new-post2 {
float: left;
background: url(new-post2.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon1 {
float: left;
background: url(list.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon2 {
float: left;
background: url(new-24-16.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.password-icon {
float: left;
background: url(password.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon3 {
float: left;
background: url(money.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.icon4 {
float: left;
background: url(history.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.help {
float: left;
background: url(help-contents.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.quydinh {
float: left;
background: url(quydinh.gif);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.mail {
float: left;
background: url(mail.png);
display: block;
height: 16px;
width: 16px;
margin: 10px 0 0 5px;
}
.line-right {
clear: both;
height: 2px;
border-bottom: 1px solid #EEEEEE;
padding: 2px 0 2px 0;
}
#right_content {
float: right;
margin-top: 5px;
width: 280px;
background: #fff;
min-height: 200px;
margin-right: 30px;
}
.header_right_tv {
background: url(bg_header.gif) center -1px;
width: 298px;
height: 30px;
line-height: 35px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: arial;
padding: 2px 0 2px 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}
#main_content2 {
float: left;
text-align: left;
min-height: 150px;
width: 63%;
margin-top: 5px;
border: 1px solid #ccc;
margin-left: 13px;
overflow: hidden;
}
#page {
margin: 0 auto;
padding: 0;
background: #fff;
width: 900px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 2px 5px 0 #000000, 0px 0px 5px 0px rgba(2, 2, 2, 0.85);
overflow: hidden;
}
.hot{
  background: #E84A4A; font-size: 13px; color: #fff;text-transform:uppercase;padding:5px 0 5px 0;
}


.hot #khung0{float:left;color:#fff;}
.hot #khunganh{float:left;width:20px;height:22px;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px}
.hot #khung1{float:left;width:500px;text-align:left;color:#fff;}
.hot #khung2{float:left;width:160px;text-align:center;color:#fff;}
.hot #khung3{float:left;width:90px;text-align:center;color:#fff;}
.hot #khung4{float:left;width:90px;text-align:center;color:#fff;}
.hot1 #khung0{float:left;color:#fff;}
.hot1 #khunganh{float:left;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px}
.hot1 #khung1{float:left;width:580px;}
.hot1 #khung2{min-width:100px;max-width:160px;float:left;}
.hot1 #khung31{float:left;width:130px;text-align:left;}
.hot1 #khung3{float:left;width:100px;text-align:center;}
.hot1 #khung4{float:left;width:130px;text-align:center;}
.hot1 #khung5{float:left;width:100px;text-align:center;}
.hot1 #khung6{float: right; width: 20px; text-align: center; background: #FCEC7C; margin-right: 5px; color: #CC0000; border-radius: 20px;transform: rotate(50deg);}

.sanpham2 a:hover{
  text-decoration: none;
}

 }
@media screen and (max-width: 768px) {
.uytin3 {
width: 101%;
padding: 15px 3px 15px 7px;
margin: 10px 0px 15px -5px;
background: #147C9B;
color: #FFFFFF;
font-size: 14px;
}
.uytin3 a{color:#fff}
#page {
margin: 0 auto;
padding: 0px;
background: #fff;
width: 400px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 2px 5px 0 #000000, 0px 0px 5px 0px rgba(2, 2, 2, 0.85);
overflow: hidden;
}
#main_content{
  padding: 5px;
}
.khung200 .title200-left{
  float: left;
  width:200px;
  text-transform:uppercase;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
}
.navbar-inverse {

}
.tieude{
 width: 100%;
  padding:10px;
}
#main_content2 {
float: left;
text-align: left;
min-height: 150px;
width: 97%;
margin-top: 5px;
border: 1px solid #ccc;
margin-left: 5px;
overflow: hidden;
}
.khungthanhvien{
  border: 1px solid #DBDBDB; overflow: hidden;width: 385px;
}
#right_content {
float: right;
margin-top: 5px;
width: 365px;
background: #fff;
min-height: 200px;

}
.header_right_tv {
background: url(bg_header.gif) center -1px;
width: 385px;
height: 30px;
line-height: 30px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: arial;
padding: 2px 0 2px 5px;
font-size: 13px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}
.title-right2 {
float: left;
width: 200px;
font-size: 12px;
padding: 10px 0 0px 5px;
margin-bottom: 5px;
color: #474747;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
}
.sanpham {
width: 100%;
margin-left: 10px;
}
.sanpham ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
background: #ffffff;
}

.sanpham ul li {
float: left;
width: 380px;
display: block;
overflow: hidden;
padding: 5px;
margin-right: 10px;
min-height: 190px;
font-size: 14px;
font-family: tahoma;
border: 1px solid #F0F0F0;
margin-bottom: 10px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 2px 2px 5px 0 #B3B3B3, 0 5px 5px -5px rgba(140, 140, 140, 0.85);
}
.sanpham ul li img{
  width: 20%;
  height: 20%;
  float:left
}

#login {
margin: 20px auto;
border: 0px;
width: 400px;
color: #000;
}
#login .ten-2 {
float: left;
width: 120px;
line-height: 30px;
font-size: 16px;
text-align: right;
padding-right: 10px;
color: #000;
}
.input-1 {
float: left;
width: 200px;
}
.input-1 input {
width: 260px;
padding: 9px;
border: 1px solid #CCC;    }
.xoa-1 {
clear: both;
height: 5px;
}
#login form {
padding: 5px;

width: 400px;
margin: 0 auto;
}
.image12 {
background: #887662;
color: #FFFFFF;
width: 100%;
height: 32px;
line-height: 30px;
text-align: center;

font-family: font_thuan_led;
font-size: 18px !important;
}
#login .ten-1 {
float: left;
width: 180px;
line-height: 30px;
font-size: 16px;
text-align: right;
padding-right: 10px;
color: #fff;
}
#login .sumbit-1 input {
width: 260px;
height: 45px;
font-size: 20px;
background: #B9B9B9;
border: 0px;
color: #fff;
margin-left: 120px;
font-weight: bold;
}
#login .dk1 a{   color:#000 }
#login .dk1 {
margin-left: 120px;
}
.title-dangky {
text-align: center;
padding: 10px;
font-size: 18px;
color: #C86716;
margin: 0 auto;
text-transform: uppercase;
font-weight: bold;
}
 #main_content {
float: left;
text-align: left;
width: 400px;
margin-top: -5px;
}

.hot{
background: #E84A4A; font-size: 13px; color: #fff;text-transform:uppercase;padding:5px 0 5px 0 !important;    }
.hot #khung0{float:left;color:#fff;display:none;}
.hot #khunganh{float:left;width:20px;height:22px;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px;display:none;}
.hot #khung1{float:left;width:300px;text-align:left;color:#fff;padding-left:10px;}
.hot #khung2{float:left;width:50px;text-align:center;color:#fff;display:none; }
.hot #khung3{float:left;width:50px;text-align:center;color:#fff;display:none; }
.hot #khung4{float:left;width:50px;text-align:center;color:#fff;display:none; }
.hot1 #khung0{float:left;color:#fff;}
.hot1 #khunganh{float:left;margin:0px 5px 0 5px;border:1px solid #ccc;padding:2px}
.hot1 #khung1{float:left;width:340px;}
.hot1 #khung2{min-width:100px;max-width:160px;float:left;}
.hot1 #khung3{float:left;width:100px;text-align:center;}
.hot1 #khung4{float:left;width:100px;text-align:center;}
.hot1 #khung5{float:left;width:100px;text-align:center;}
.hot1 #khung6{float: right; width: 20px; text-align: center; background: #FCEC7C; margin-right: 5px; color: #CC0000; border-radius: 20px;transform: rotate(50deg);}

.sanpham2 ul{
border: 1px solid #ccc;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}
.sanpham2 ul li{
float: left;
width: 100%;

font-size: 14px;
font-family: tahoma;
border-bottom: 1px solid #F0F0F0;
margin-bottom: 5px;


}
.sanpham2 a:hover{
  text-decoration: none;
}
.sanpham2 ul li a{
padding: 5px 0 5px 0;
color: #C82626;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 15px;
}
.sanpham2 ul li a:hover{
color:#FF0000;
}
.right {
float: left;
width: 100%;
margin: 5px 0 0 0;
border: 1px solid #eee;

}
.right ul {
list-style: none;
margin: 0;
padding: 0;
}
.right ul li {
background: #fff;
padding: 2px;
}
.right ul li img{width:100%}
.khung200 {
width: 100%;
border: 1px solid #EAEAEA;
min-height: 100px;
background: url(mainnav-bg.gif) repeat-x left bottom;
padding: 10px;
}
.khung200 .title200-left1 {
float: left;
width: 20px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 12px;
}

.khung200 .line2 {
clear: both;
border-bottom: 1px dashed #ccc;
height: 5px;
margin: 5px 0 10px 0px;
}
}
.form-control {
display: block;
width: 100%;
height: 30px;
padding: 6px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-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-group {
margin-bottom: 10px !important;
}
.cdn-send {
width: 100%;
cursor: pointer;
position: relative;
padding:10px;
color: #fff;
border: 0;
background: #E84A4A;
display: inline-block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
text-decoration: none !important;
}
media="screen"
::selection {
color: #fff;
background: #FFFFCC !important;
}
.foot{
  width: 100%;
  background:#1d1e20;
color: #fff;
padding: 0px 0 0px 0px;
overflow: hidden;
 }
 .dangtin{
   width: 100%;
   height:50px;
   background:#ccc;
   border:0px;
   color:#fff;
   font-size:16px;
 }
  .dangtin:hover{
   width: 100%;
   height:50px;
   background:#3399CC;
   border:0px;
   color:#fff;
   font-size:16px;
 }
 .left2 ul{list-style: none;border:1px solid #EDEDED;margin:0;padding:0}
 .left2 ul .active{background:#FFFFCC;}
 .left2 ul .active a{color:#CC0000;}
 .left2 ul li{padding:7px 0 7px 10px;border-bottom:0px solid #EDEDED;display:block}
 .left2 ul li:hover{background:#FFFFCC;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;}
 .left2 ul li a{ display:block; text-decoration: none;font-size:16px; color:#000 }
 .left2 ul li a:hover{ color:#CC0000 }
 .uytin4 {
width: 97.5%;
padding: 2px 3px 0px 0px;
margin: 1px 0px 5px 10px;
color: #444444;
font-size: 14px;
}
.hot11:hover{
  color:#CC0000
}
#main_content .img1{
  width:100%
}
.chinhsua {
background: url(edit.png) no-repeat;
border: 0px;
color: #CF5454;
width: 32px;
height: 32px;
cursor: pointer;
}
.uptin {
background: url(up.png) no-repeat;
border: 0px;
color: #CF5454;
width: 32px;
height: 32px;
cursor: pointer;
}
.navbar-inverse .navbar-nav>li{
  display: block !important;

}
.navbar-inverse .navbar-nav>li>a{
 font-family: Tahoma !important;
font-size: 16px !important;
text-transform: none !important;

}

.navbar-inverse .navbar-nav>li>a:hover{
  color:#FFFF33 !important;
}
.hot11{
  float:right;
   font-size: 13px; color: #CC0000;text-transform:uppercase;padding:7px 5px 7px 5px;
  text-decoration: none;
  font-weight:bold;
  margin:0 0 5px 10px;
}
.container{
background: #384F4F !important;
}

.pheduyet{
color: #FFFFFF;
background: #43C70D;
padding: 3px;
border-radius: 3px;
font-size: 12px;
}
.pheduyetvip{
padding: 3px 20px 3px 20px;
font-size: 14px;
color: #E84A4A;
background: #FCEC7C;
border-radius: 3px;

}
.chuapheduyet{
color: #FFFFFF;
background: #ccc;
padding: 3px;
border-radius: 3px;
font-size: 12px;
}
.rating{
  color: #FFCC00;font-size:16px;
}
.giahan{
  background: url(preferences-system-time.png) no-repeat;
border: 0px;
color: #CF5454;
width: 32px;
height: 32px;
cursor: pointer;
}