body, html, div, blockquote, img, label, p,h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt,dd, form, a, fieldset, input, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: none;
}
h1, h2, h3, h4, h5, h6
{
font-size: 12px;
}
a.active{color:#F00;}
a:active{color:#555;}
a{ text-decoration:none;}
.clear{clear:both;}
@font-face {
font-family: 'myFont';
src: url('font/UTM Bebas.ttf');
}
@font-face {
font-family: 'swiss721';
src: url('font/UTM Swiss 721.ttf');
}
@font-face {
font-family: 'roboto_condensedbold';
src: url('font/robotocondensed-bold-webfont.eot');
src: url('font/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/robotocondensed-bold-webfont.woff2') format('woff2'),
url('font/robotocondensed-bold-webfont.woff') format('woff'),
url('font/robotocondensed-bold-webfont.ttf') format('truetype'),
url('font/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*background: url(images/bg_body.png) center top ;*/
background-size:cover;
color:#4d4024;
}
div#bao_wrapper{width:100%;background:url(images/bg_wrapper.png) repeat-x top left;}
div#wapper
{
width:1000px;
margin:0 auto;
padding-top:10px;
position:relative;
}
div.adv{position: absolute;top: 0px;max-width: 170px;display: block;}
div#adv-left{left: -160px;}div#adv-right{right: -160px;}
div.adv img{max-width: 170px;}
div#header
{
width:100%;
position:relative;
margin:0 auto;
}
div#header .content_head{width:1349px;margin:0 auto;position:relative;}
div#dienthoai_head{width:1000px;position:absolute;z-index:9999;top:185px;line-height:30px}
div#dienthoai_head .dienthoai_h{width:700px;height:30px;
color:#F00;font-size:16px;
margin:0 auto;}
div#lang
{
position:absolute;
top:0px;
right:175px;
padding-top:7px;
}
div#lang .icon_head{float:right;margin-right: 12px;}
div#lang .icon_head img{margin-left:5px;height:18px;width:30px;}
div#lang img
{
width:30px;
height:18px;
float:left;
}
div#lang .chutrong{height:30px;float:left;line-height:36px;color:#FFF;}
.hotline{
position:absolute;
top:48px;right:0px;
font-style:italic;
padding-left:89px;
background:url(images/hopmail.png) no-repeat left
}
div#lang .hotline span{float:left;font-size:21px;}
div#lang .hotline h2{color:#F00;font-size:17px;float:left}
/*div#menu_tong{width:100%;z-index:99;
background:#01567D;
}
div#menu_trong{width:960px;height:17px;
border-top-left-radius:20px;border-top-right-radius:20px;
background:#666;margin:0 auto;padding-top:9px;
}
div#menu
{
width:1000px;
margin:auto;
position:relative;
/*background:url(images/menu.png) repeat-x left top;
height:55px;
line-height:55px;
z-index:50;
border-radius:10px;
}
div#menu ul
{
float:left;
list-style:none;
height:100%;
}
div#menu ul li
{
float:left;
position:relative;
padding: 0px 10px;
}
/*div#menu > ul > li:first-child{
height:40px;width: 77px;padding-left: 35px;
background:url(images/bgmenutop2.png) no-repeat left;}
div#menu > ul > li:first-child a{line-height: 40px !important;height:40px;
margin-left: -23px;
color: white !important;}
div#menu ul li.line
{
width:2px;
height:55px;
background:url(images/menu_gach.png) center no-repeat;
}
div#menu ul li a
{
color:#fff;
font-size:15px;
text-align:center;display:block;
line-height: 55px;
height: 55px;text-transform:uppercase;
}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li:hover
{
/*background:url(images/menu_bottom.png) no-repeat top center;
background-size:14px 39px;
color:#FF0;
transition:0.6s;
}
div#menu ul li ul,div#menu ul li:hover ul li ul,div#menu ul li ul li:hover ul li ul
{
display:none;
width:220px;
position:absolute;
top:44px;
left:-24px;
}
div#menu ul li ul li
{
width:220px;
background:#555555;
line-height:30px;
position:relative;
}
div#menu ul li ul li:hover
{
background:#999;
}
div#menu ul li ul li a
{
color:#fff !important;
text-transform:none;
width:200px;
text-align:left;
padding:0px 10px;
border-bottom:1px dotted #fff;
color:#fff;
font-size:12px;
font-weight:bold;
transition:0.7s;
line-height: 50px;
height: 43px;
}
div#menu ul li ul li a:hover
{
background:none;color:#333
}
div#menu ul li:hover ul,div#menu ul li ul li:hover ul,div#menu ul li ul li ul li:hover ul
{
display:block;
}
div#menu ul li ul li:hover ul,div#menu ul li ul li ul li:hover ul
{
left:196px;
position:absolute;
top:0px;
}*/
div#slider_full
{
margin:0 auto;
background:#ffffff;
position: relative;
z-index: 9;
width:1349px;
}
div#bong_slider{width:1000px;height:15px;background:#FFF url(images/bong_slider.png) no-repeat top;}
div#main_content
{
width:1000px;
margin:0 auto;
position: relative;
padding-bottom:20px;
}
div#left
{
float:right;
padding-left:10px;padding-top: 20px;
}
div.tieude
{
background:url(images/tieude.png) no-repeat top left;
height:35px;
position:relative;
border-top-left-radius:6px;
border-top-right-radius:6px;
padding-left:56px;
}
div.tieude span{
line-height:35px;
font-family:'roboto_condensedbold';
text-transform:uppercase;
color:#fff; !important;
font-size:16px;}
div.bong_menu{height:10px;width:100%;background:url(images/bong.png) no-repeat;margin-top:-4px;}
div.tieude_dongthung
{
background:url(images/tieude.png) repeat-x left;
height:35px;width:235px;
line-height:35px;
text-align:center;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
position:relative;
z-index:99;border-radius:6px;
}
div.tieude_dongthung .dau_de{height:60px;width:60px;margin-top:-12px;
background:url(images/dau_de.png) no-repeat left top;background-size:60px 60px;
position:absolute;left:-14px;}
div.tieude_dongthung span{color:#FF0; !important;font-size:13px;margin-left:26px;}
div.tieudethongke
{
background:url(images/tieudeonline.png) no-repeat;
height:39px;
line-height:39px;
color:#fff;
text-align:center;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
border-radius:5px;
}
div.tieudethongke h1{font-size:15px;}
div.danhmuc
{
margin:10px 0px 0px 0px;
}
div.danhmuc ul
{
list-style:none;
}
div#danhmuc
{
padding-bottom:20px;
width:220px;
}
div#danhmuc ul li
{
padding:8px 0px;
margin: 0px 0 0 5px;
background:url(images/bg_menuleft.png) no-repeat top left;
border-radius: 7px;
/*border-right: 1px solid #81CDFF;*/
/* border-bottom: 1px solid #81CDFF;*/
padding-left: 28px;
line-height: 24px;
}
div#danhmuc ul li a
{
color:#4d4024;
transition:0.4s;
font-weight:bold;
font-size:15px;
color:#00289A;
}
div#danhmuc ul li a:hover
{
color:red;
transition:0.4s;
}
div#danhmuc ul li ul
{
padding-left:0px;margin-top:12px;
margin-left:-25px;
}
div.danhmucsp
{
background:#FFF;
}
div.danhmucsp ul
{
list-style:none;
border:none !important;
}
div#danhmucsp
{
padding-bottom:5px;
width:235px;
z-index:9;
/*background:url(images/bg_sp.png) repeat-x left;*/
margin-bottom:4px;
border-radius:6px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 89%, rgba(248,248,248,1) 95%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(89%,rgba(249,249,249,1)), color-stop(95%,rgba(248,248,248,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
div#danhmucsp > ul > li
{
padding:9px 9px 9px 0px;
/*border-right: 1px solid #81CDFF;*/
border-top: 1px solid #ccc;
padding-left: 12px;
border-radius:4px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 95%, rgba(246,246,246,1) 97%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(247,247,247,1)), color-stop(97%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
div#danhmucsp > ul > li:first-child{border-top:none;}
div.canhan{background:url(images/canhan.png) no-repeat left;
padding-left:78px;text-transform:uppercase;font-weight:bold;
height:55px;line-height:65px;}
div.canhan a{color:#000;}
div.canhan a:hover{color:#F00}
div.congty{background:url(images/congtytochuc.png) no-repeat left;
padding-left:40px;text-transform:uppercase;font-weight:bold;
height:55px;line-height:65px;}
div.congty a{color:#000;}
div.congty a:hover{color:#F00}
.gachchan_li{width:200px;height:0px;background:url(images/gachchan_li.png) no-repeat left top;}
.gachchan_li:last-child {background:none;}
div#danhmucsp > ul > li > a
{
color:#000;
font-weight:bold !important;
transition:0.4s;
font-size:11px;
padding-left:20px;
background:url(images/muiten.png) no-repeat left;
background-size:9px 7px;
}
div#danhmucsp ul li a:hover
{
color:red;
transition:0.4s;
}
div#danhmucsp ul li a .active{color:red;}
div#danhmucsp ul li ul
{
padding-left:0px;margin-top:12px;
margin-left:-12px;
}
div#danhmucsp > ul >li >ul>li{
border-top:1px solid #ccc;
padding: 4px 9px 4px 32px;
line-height: 24px;
width: 187px;}
div#danhmucsp > ul > li > ul > li > a{color:#000;
padding-left:11px;background-size:7px 8px;font-weight:bold;
background:url(images/muitencon.png) no-repeat left ;}
div#btn{position: absolute;right: 0px;top: 3px;
width: 24px;height: 25px;background:url(images/btnsearch.png) repeat;
cursor: pointer;}
div#search
{
width:178px;
border:1px solid #998963;
height:30px;
margin-bottom:6px;
float: right;
border-bottom:1px solid #FFF;border-right:1px solid #FFF;
border-left:1px solid #019ED1;border-top:1px solid #019ED1;
margin-top: 5px;position: absolute;right: 16px;z-index:99999999999999;
}
div#search input
{
width:140px;
float:left;
height:20px;
line-height:20px;
padding:0px 10px;
margin-top:4px;
border:none;
background:transparent;
}
div#search img
{
float:right;
margin-right:5px;
margin-top:7px;
}
div#quangcao a img
{
width:230px;
margin:10px 0px;
}
div#lkweb{}
div#lkweb select
{
margin-top:4px;
height:30px;
line-height:40px;
padding-left:10px;
width:242px;
border:1px solid #998963;
}
div#hotro ul li
{
padding:2px 10px;
}
div#hotro ul li span
{
color:#fd1e19;
}
div#hotro ul
{
margin-bottom:10px;
color:#343434;
font-weight:bold;
}
div#hotro ul li a img
{
float:right;
margin-left:5px;
}
div#hotro h3
{
font-size:16px;
color:#343434;
text-align:center;
}
div#hotro h3 span
{
color:#fc1d17;
}
div#hotrotructuyen
{
height:220px;
width:220px;
margin:0px 0px 0px 0px;
background:#E1F1FE;
}
div#hotrotructuyen h4{margin-top:20px;margin-left:20px;}
div#hotrotructuyen ul li
{
padding:3px 10px 3px 30px;
font-weight:bold;
font-size:11px;
}
div#thongke
{
width:220px;
min-height:200px;
margin:20px 0px 0px 0px;
background:url(images/bg_thongke.png) repeat-y top;
border-bottom: 1px solid#ccc;
border-right: 1px solid #ccc;
border-radius: 8px;
}
div#thongke .box_online{margin-left:20px;margin-top:20px;}
div#thongke .box_online p{margin-bottom:10px;}
div#thongke .box_online p{margin-top:7px;}
div#thongke .box_online .dangonline{background:url(images/dangonline.png) no-repeat left;
background-size:30px 30px;}
div#thongke .box_online .tongtruycap{background:url(images/tongonline.png) no-repeat left;
background-size:30px 30px;}
div#thongke .box_online .ngay{background:url(images/truycapngay.png) no-repeat left;
background-size:30px 30px;}
div#thongke .box_online .thang{background:url(images/onlinethang.png) no-repeat left;
background-size:30px 30px;}
div#thongke .box_online p span{color:#999;padding-left:32px;}
div#thongke ul li
{
padding:3px 10px 3px 30px;
background:url(images/muiten.png) 5px center no-repeat;
font-weight:bold;
font-size:11px;
}
div#right
{
width: 740px;
float: left;
margin-left:11px;
}
div#right img{max-width:720px;}
div#tinnoibat ul li
{
padding:2px 10px;
font-size:11px;
}
div#tinnoibat ul li h3
{
color:#615e58;
font-size:12px;
padding-bottom:5px;
}
div#tinnoibat ul li h3:hover
{
color:red;
}
div#tinnoibat ul li a img
{
width:80px;
float:left;
margin-right:10px;
}
div#tinnoibat ul li a.xemtiep
{
color:red;
float:right;
}
div#tienich ul li
{
padding:3px 10px 3px 20px;
clear:both;
}
div#tienich ul li img
{
width:25px;
float:left;
}
div#tienich ul li a
{
padding-left:10px;
color:#31302e;
font-weight:bold;
}
div#center
{
width:490px;
float:left;
margin-left:10px;
overflow:hidden;
}
div.tieude_giua
{
padding-left: 56px;
height: 35px;
line-height: 35px;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
font-family:'swiss721';
color:#000;
border-bottom:1px solid #01567D;
/*background:url(images/tieude_giua.png) no-repeat left top ;
background-size:740px 35px;*/
position:relative;
}
div.gach_giua{/*background:url(images/gach_giua.png) repeat-x left top;*/height:22px;width:100%;}
div.tieude_giua span{color:#FF0000;}
div.tieude_giua a
{
color:red;
float:right;
font-style:italic;
text-transform:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
div.tieude_thuysan
{
background:url(images/tieude_giua.png) no-repeat left;
padding-left:50px;
height:50px;
line-height:40px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}
div.tieude_thuysan h2{color:#000;font-size:18px;}
div.tieude_thuysan a
{
color:red;
float:right;
font-style:italic;
text-transform:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
div.tieude_nongsan
{
background:url(images/tieude_giua2.png) no-repeat left;
padding-left:50px;
height:50px;
line-height:40px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}
div.tieude_nongsan h2{color:#000;font-size:18px;}
div.tieude_nongsan a
{
color:red;
float:right;
font-style:italic;
text-transform:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
div.item
{
width:710px;
margin:0px 10px 5px 10px;
padding:10px 0px;
border-bottom:1px dotted #DDDDDD;
}
div.item .hinhxuat{float:left;width:27%;height:135px;
-moz-transition:all 0.5s ease-out;
-webkit-transition:0.5s ease-out;
-o-transition:0.5s ease-out; }
div.item .motaxuat{float:left;width:60%;height:135px;}
div.item .motaxuat a{color:#000;font-size: 16px;text-transform: uppercase;}
div.item .motaxuat a:hover{color:#f00;}
div.item .motaxuat .mota{color:#ccc;}
div.item a h2
{
color:#0048FF;
font-size:13px;
margin-bottom:7px;
transition:0.4s;
}
div.item a h2:hover
{
color:red;
transition:0.4s;
}
div.item a img
{
width:170px;
height:130px;
margin-right:12px;
float:left;
transition:1s;
}
div.item a img:hover
{
opacity:0.5s;
transition:1s;
}
div.item a.chitiet
{
float:right;
color:red;
font-style:italic;
}
/*------------eidt_dv*/
div.item_dichvu
{
float:left;
margin-bottom:35px;
width:350px;
}
div.item_dichvu .hinhxuat{
-moz-transition:all 0.5s ease-out;
-webkit-transition:0.5s ease-out;
-o-transition:0.5s ease-out; }
div.item_dichvu .motaxuat{
min-height: 59px;
line-height: 19px;
background: #FAF2F2;
padding-left: 7px;
padding-top: 8px;}
/*.scale-caption-gia{
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
bottom:-104px;
position:relative;
padding-top:20px;
font-family: Arial;
font-size:26px;
background-color: rgba(0,0,0,1);
padding: 1px 10px 0px 10px;
color:#169fe6 !important;
font-weight:800;
}
div.item_dichvu item_dichvu:hover .scale-caption-gia{
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}*/
div.item_dichvu .motaxuat a{color:#01567D;font-size: 12px;text-transform: uppercase;font-weight:bold;}
div.item_dichvu .motaxuat a:hover{color:#f00;transition:0.6s;}
div.item_dichvu .motaxuat .mota{color:#ccc;}
div.item_dichvu a h2
{
color:#0048FF;
font-size:13px;
margin-bottom:7px;
transition:0.4s;
}
div.item_dichvu a h2:hover
{
color:red;
transition:0.4s;
}
div.item_dichvu .hinhxuat img
{
width:145px;height:100px;
border:1px solid #ccc;
float:left;
transition:1s;
}
div.item_dichvu .hinhxuat img:hover
{
opacity:0.5 ;
transition:0.6s;
}
div.item_dichvu a.chitiet
{
float:right;
color:red;
font-style:italic;
}
div#foot_tong{
width:100%;
background:#005075 url(images/bottom.png) repeat-x bottom left;;
}
div#footer
{
width:1000px;
padding:23px 0px 0px 0px;
margin:auto;
}
div#footer #main_footer
{
float:left;
width:325px;padding-left:20px;
padding-bottom:25px;
}
div#footer #main_footer2
{
padding-left:92px;
width:240px;margin-left:10px;
float:left;
background:url(images/dvchamsoc.png) no-repeat left;
height:130px;
}
div#footer #main_footer2 a{background:url(images/muiten.png) no-repeat left;padding-left:10px;color:#000 !important}
div#footer #main_footer2 a:hover{color:#F00 !important}
div#footer #main_footer2 >ul {margin-top:10px;}
div#footer #main_footer2 > ul > li{list-style:none;margin-bottom:5px;}
div#footer #main_footer2 > ul > li > a{color:#FFF;}
div#footer #main_footer2 > ul > li > a:hover{color:#F00;padding-left:14px;transition:0.6s;}
div#footer #main_footer2 span{color:#FF0;font-size:16px;font-weight:bold;}
div#footer #lienket
{
height:130px;padding-left: 20px;
float:right;
text-align:right;
}
div#footer #lienket p{color:#fff;padding-left:34px;width:121px;margin-left:27px;}
.dangonline{background:url(images/dangonline.png) no-repeat left;
background-size:22px 23px;}
.tongtruycap{background:url(images/tongtruycapascsa.png) no-repeat left;
background-size:29px 20px;}
div#footer #lienket a img
{
text-align:center;
margin:3px 11px 0px 0px;
transition:1s;
}
div#footer #lienket .hinhcon{width:166px;margin:auto;}
div#lienket a img:hover
{
transition:1s;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
div#menu_baongoai{width:100%;
background:url(images/menu2.png) repeat-x top left;
background-size:30px 37px;
margin:0 auto;
}
div#menu_bottom
{
width:1000px;
margin:0 auto;
height:37px;
}
div#menu_bottom ul
{
line-height:45px;
list-style:none;
}
div#menu_bottom ul li
{
float: left;
text-align: center;
}
#line2
{background:#F00;
width:1px;
height:37px;
background:url(images/menu_gach_bottom.png) center no-repeat;
}
div#menu_bottom ul li a
{
color:white;
padding:0px 19px;
font-size:12px;
white-space:nowrap;
}
div#menu_bottom ul li a:hover
{
color:#FF0;
}
div.item2
{
width:220px;
margin:10px;
float:left;
text-align:center;
}
div.item2 a h2
{
color:#ff0000;
font-size:13px;
margin-bottom:7px;
}
div.item2 a img
{
width:220px;
height:150px;
border:1px solid #4dc6f4;
margin-bottom:5px;
}
.xam
{
background:#EEEEEE;
}
table#codong
{
text-align:left;
font-weight:bold;
}
table#codong tr td,table#codong tr th
{
padding:5px 10px;
font-size:13px;
}
table tr.dong1
{
background:#00aeef;
height:50px;
color:#fff;
}
table tr td.cot1
{
width:50px;
}
table tr td.cot2
{
width:470px;
}
table tr td.cot3
{
width:50px;
}
table tr td.cot4
{
width:80px;
}
div.tinmoi
{
width:350px;
float:left;
margin:6px 7px;
}
div.tinmoi a img
{
float:left;
width:150px;
height:100px;
margin-right:10px;
border:1px solid #00aeef;
}
div.tinmoi a h3
{
color:red;
margin-bottom:6px;
font-size:13px;
}
div.tinmoi a.chitiet
{
float:right;
color:red;
font-style:italic;
}
div#video
{
margin:6px;
text-align:center;
margin-top:20px;
}
div.video
{
float:left;
width:230px;
margin:6px;
text-align:center;
}
div.video a img
{
width:230px;
height:160px;
transition:1s;
}
div.video a img:hover
{
opacity:0.5;
transition:1s;
}
div.video a h3
{
color:#0000EE;
margin:5px 0px;
}
div.video a h3:hover
{
color:red;
}
div.video h2
{
color:#0000EE;
margin:5px 0px;
}
.wap_item{
padding:0px 10px;
width:100%;
float:left;
}
.tieude_khac{width:100%;margin:0 auto;}
.tieude_khac .content_tieu{background:url(images/tieude2.png) no-repeat top center;background-size:329px 50px;width:329px;height:50px;
text-transform:uppercase;font-size:17px;line-height:42px;color:#FFF;text-align:center;
font-weight:bold;font-family: 'uvn_ai_capbold';
}
div.box_khac{width:306px;min-height:165px;
float:left;
}
div.box_khac img{padding:4px;border:1px solid #ccc;}
div.box_khac img:hover{opacity:0.6;
transition:0.6s;}
div.boxkhac_bong{background:url(images/bong_box.png) no-repeat top center;height:7px;}
div.tieude_box{background:url(images/tieude1.png) no-repeat top center;height:45px;line-height:45px;padding-left:55px;text-transform:uppercase;font-weight:bold;font-size:16px;}
div.tieude_box a{color:#014F74;cursor:pointer;}
div.tieude_box a:hover{color:#F00;transition:0.6s;}
div.box_sp{width:170px;min-height:165px;
float:left;
position:relative;
}
.bt-muahang{
background:url(../images/bt-muahang.png);
width:65px;
height:24px;
display:inline-block;
cursor:pointer;
font-weight:normal !important;
color:#fe0000 !important;
}
div.datmua{background:url(images/datmua.png) no-repeat top;
width:88px;height:27px;position:absolute;z-index:99;top: 71px;
-moz-transition:all 0.5s ease-out;
-webkit-transition:0.5s ease-out;
-o-transition:0.5s ease-out;display:none;
left: 41px;}
div.box_sp .hinh{width:170px;px;position:relative;
}
div.box_sp .hinh .sale{background:url(images/sale.png) no-repeat right top ;height:68px;width:68px;position:absolute;right:0px;top:0px;}
div.box_sp .hinh:hover .datmua{/*display:block;*/}
div.box_sp .hinh img{width:170px;height:120px;border-radius:6px;border:1px solid #ccc;}
div.box_sp .baongoai_ten {height:62px;width:170px;padding-top:3px;}
div.box_sp .baongoai_ten a{color:#fff;}
div.box_sp .baongoai_ten a:hover{color:#FF0;transition:0.6s;}
div.box_sp .baongoai_ten p{margin-top:5px;}
div.box_sp .baongoai_ten .ten{width:223px;height:31px;text-align:center;}
div.box_sp .baongoai_ten .ten h2{font-size:16px;color:#00598E;}
div.baongoai_chitiet{height:35px; background:#F9F9F9;}
div.baongoai_chitiet div.chitietsp{
font-size: 14px;height: 26px;line-height:27px;
border-radius: 5px;width:79px; text-align: center;
background:#F4B12C; float:left;margin-left:10px
}
div.baongoai_chitiet div.chitietsp a{color:#C00;}
div.baongoai_chitiet div.chitietsp:hover{background:#F90;color:#FFF;transition:0.6s;}
div.chitietsp > ul > li{margin-bottom:5px;border-bottom:1px dotted #CCCCCC}
div.box_face{height: 243px;
width: 235px;padding:1px;
border:1px solid #ccc;border-radius:7px;
margin-top: 10px;}
div.danhmuc .box_online{
height:100px;padding:15px 0px 10px 15px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin-top:-3px;
}
div.danhmuc .box_online h3{float:right;}
div.thongke .box_online p{margin-top:7px;}
div.thongke .box_online .ngay{background:url(images/truycapngay.png) no-repeat left;
background-size:30px 30px;}
div.thongke .box_online .thang{background:url(images/onlinethang.png) no-repeat left;
background-size:30px 30px;}
div.thongke .box_online p span{color:#999;padding-left:32px;}
div#wapper_intro
{
width:100%;
margin:0 auto;
position:relative;
}
div#header .divlogo{width:179px;height:204px;position:absolute;top:30px;}
div#header .divten{width:574px;height:120px;position:absolute;top:63px;left:228px;}
div#main_content_intro{background:url(images/bg_intro.png) no-repeat;width:1000px;height:636px;margin:0 auto;margin-top:-57px;position:relative;}
div.enter_cen{width:100px;height:70px;background:url(images/enter.png) no-repeat;position:absolute;top:390px;left:570px;}
div#lang_intro
{
position:absolute;
top:77px;
right:10px;
}
div#lang_intro img
{
width:36px;
height:35px;
float:left;
}
div#lang_intro .chutrong{height:30px;float:left;line-height:36px;color:#000;}
div#foot_intro{width:1000px;height:100px;border:1px solid red;margin:0 auto;}
/*======================CSS3================*/
.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.content{padding:0px 15px;}
.button{
background: #1019e1;
border: 1px solid #000;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
padding: 5px 30px;
margin-left:5px;
cursor: pointer;
outline-color:blue;
margin-top: 10px;
box-shadow: 2px 3px 11px #ccc;
}
.input{
width:300px;
margin-bottom:15px;
border:1px solid #CCC;
padding:5px 7px;
border-radius:4px;
}
/*---------------------------------------*/
.product_detail_pic{
float:left;
width:300px;
margin-right:10px;
}
div#intro_3muc{width:1000px;margin:0 auto;
position:relative;height:200px;z-index:9999;
margin-bottom:60px;
margin-top:-100px;}
div.muccon{width:298px;height:214px;float:left;border:1px solid #ccc;margin: 0px 9px;position: relative;
z-index: 9;}
div.muccon img{}
div.muccon .ten_muc{position:absolute;top:163px;width:294px;background:rgba(245, 244, 244, 0.2);;
text-align:center;height: 30px;line-height: 30px;}
div.muccon .ten_muc a{
transition:0.5s;
font-size:16px;
color:#F00;
font-weight:bold;
text-transform:uppercase}
div.muccon .ten_muc a:hover
{
color:#00F;
transition:0.5s;
}
div.muccon img{width:290px;height:205px;border:4px solid #FFF}
/****************************************/
#footerSlideContainer {
bottom: 0;
position:fixed;
right: 0;
width: 362px;
z-index: 999999;
}
#footerSlideButton {
background: url(images/hotro2.png) no-repeat scroll right top transparent;
border: medium none;
cursor: pointer;
height: 23px;
position: absolute;
right: 28px;
top: -11px;
width: 194px;
z-index:9;
}
#footerSlideContent {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #cd0000;
border-color: #006795 -moz-use-text-color #006795 #006795;
border-image: none;
border-style: solid none solid solid;
border-width: 5px medium medium 5px;
bottom: -5px;
color: #CCCCCC;
height:215px;
position: relative;
width: 100%;
overflow:hidden;
border-radius:15px 0px 0px 0px;
-moz-border-radius:15px 0px 0px 0px;
}
#footerSlideContent > h3 {
color: #9AC941;
font-size: 36px;
margin: 10px 0;
}
#footerSlideContent > ul {
color: #EE8D40;
line-height: 2em;
list-style-type: none;
}
#footerSlideText {
color: #FFF;
font-size: 11px;
padding: 2px 5px 5px;
}
#footerSlideText .note {
color: red;
left: 20px;
position: relative;
}
#footerSlideText .line {
background: url("http://img.hostvn.net/line.gif") repeat-x scroll center top transparent;
height: 2px;
margin: 12px auto;
width: 95%;
}
#footerSlideText .titles {
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#footerSlideText ul {
list-style: none outside none;
margin: 10px 0 0 20px;
padding: 0;
width: 294px;
}
#footerSlideText ul li {
background: none repeat scroll 0 0 transparent;
color: #fff;
font-size: 16px;
list-style: none outside none;
margin-top: 8px;
padding: 0;
}
#footerSlideText ul li .left {
display: inline-block;
width: 125px;
}
#footerSlideText ul li .right {
display: inline-block;
width: auto;
}
.SkypeButton_Chat{
float:left;
margin-right:5px;
}
.SkypeButton_Chat img{
vertical-align:middle !important;
margin:0px !important;
}
div.hinh_hotro{float:left;height:65;width:50px;}
div.hinh_hotro img{border:5px solid #FFF;width: 63px;height: 75px;}
div.ten_hotro{float:left;margin-left:30px;}
.button_hotro{background:#6ca917;height:30px;color:#FFF;float:left;border-radius:5px;
padding:0px 5px;line-height:30px;margin-right:10px;
}
.button_hotro a{cursor:pointer;color:#FFF}
.button_hotro a:hover{color:#F00;transition:0.5s}
.button2{
background: #1019e1;
border: 1px solid #000;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
padding: 5px 30px;
margin-left:465px;
cursor: pointer;
outline-color:blue;
}
.input_datmau{
width:400px;
margin-bottom:15px;
border:1px solid #CCC;
padding:5px 7px;
border-radius:4px;
}
div.cauhoi{height:auto;width:660px;border:1px solid #ccc;}
div.cauhoi ul li{background:url(images/muiten.png) no-repeat left ;}
/***********tin tuc chay doc*************************/
.tin_left{
height:77px;
border-bottom:1px solid #666;
padding-top:6px;
margin-left:5px;
background:background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 95%, rgba(246,246,246,1) 97%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(247,247,247,1)), color-stop(97%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 95%,rgba(246,246,246,1) 97%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.img_tin_left{
padding:2px 0px 0px 3px;
float:left;
height:66px;
width:84px;
}
.tinmoi_left{
width:140px;
height:82px;
float:left;
font-size:11px;
}
.tinmoi_left span{color:#CCC;font-size:13px;}
.tinmoi_left a{
color:#333;
text-decoration:none;
}
.tinmoi_left a:hover{
color: #F60;
}
.tinmoi_left .xemthem{width:100%;margin:0 auto;text-align:center;margin-bottom:5px;margin-top:10px}
.tinmoi_left .xemthem a{color:#fff;font-size:14px;
cursor:pointer;background:#666;border-radius:5px;
height:25px;width:70px;float:right;line-height:25px;
padding:0px 5px;}
.tinmoi_left .xemthem a:hover{color:#FF0;background:#000;transition:0.6s;}
/*************HE THONG CUA HANG****************/
.block-map{
width:340px;
margin:0 5px;
float:left;
margin-bottom:20px;
line-height:2;
height:110px;
}
.block-map a{
text-decoration:underline;
color:#0066CC;
}
.block-map .diachi h3{
font-size:16x !important;
color:green;
}
/*slider sanpham*/
div#slider4{width:740px;margin:0 auto;}
div#slider4 .content_sli{width:740px;margin:0 auto;}
div#slider4 .slide{}
div#slider_sp .slide .hinhslider{width:170px !important;text-align:center;}
div#slider_sp .slide .hinhslider img:hover{opacity:0.6;transition:0.6s;}
div.tensp_slider{color:#000;font-weight:bold;text-align:center;font-size:15px;margin-top:10px;}
div.tensp_slider a{color:#005075;cursor:pointer;}
div.tensp_slider a:hover{color:#F00;transition:0.6s}
div.motasp_slider{color:#fff;font-size:13px;text-align:center;width:170px;min-height:68px;}
div#slider_doitac .slide .hinhslider{width:170px !important;text-align:center;}
div#slider_doitac .slide .hinhslider img:hover{opacity:0.6;transition:0.6s;}
div#slider_doitac .bx-wrapper .bx-prev {
left: -27px;top:50px;
background: url(images/pre2.png) no-repeat left;
}
div#slider_doitac .bx-wrapper .bx-next {
right:-19px;top:50px;
background: url(images/next2.png) no-repeat right;
}
div.congnghenhakhoa{width:695px;float:left;height:275px;margin-right:30px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 89%, rgba(248,248,248,1) 95%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(89%,rgba(249,249,249,1)), color-stop(95%,rgba(248,248,248,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
div.tieude_congnghe{height:30px;border-bottom:1px solid #005075;color:#005075;
text-transform:uppercase;font-weight:bold;font-size:16px;line-height:38px
}
div.tieude_congnghe a{color:#005075;}
div.tieude_congnghe a:hover{color:#F00;transition:0.6s;}
div.congnghenhakhoa .congnghe_left{float:left;width:300px;min-height:200px;
margin-right:10px;margin-top:20px
}
div.congnghenhakhoa .congnghe_left img:hover{opacity:0.5;transition:0.6s;}
div.congnghenhakhoa .congnghe_right{float:left;height:200px;
margin-top:20px
}
div.congnghenhakhoa .congnghe_right ul{}
div.congnghenhakhoa .congnghe_right ul li{height:60px;margin-bottom:10px;list-style:none;}
div.congnghenhakhoa .congnghe_right ul li a img{float:left;padding:3px; border:1px solid #ccc;}
div.congnghenhakhoa .congnghe_right ul li a img:hover{opacity:0.5;transition:0.6s;}
div.congnghenhakhoa .congnghe_right ul li a{color:#005075; }
div.congnghenhakhoa .congnghe_right ul li a:hover{color:#F00; }
div.tintuc_duoislider{width:730px;float:left;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 89%, rgba(248,248,248,1) 95%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(89%,rgba(249,249,249,1)), color-stop(95%,rgba(248,248,248,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
div.tintuc_duoislider{border-bottom:1px solid #005075;color:#005075;
font-size:14px;line-height:38px
}
div.tintuc_duoislider a{color:#005075;}
div.tieude_congnghe a:hover{color:#F00;transition:0.6s;}
div.tintuc_duoislider .congnghe_left{float:left;width:375px;min-height:200px;
margin-right:10px;margin-top:10px
}
div.tintuc_duoislider .congnghe_left img:hover{opacity:0.5;transition:0.6s;}
div.tintuc_duoislider .congnghe_right{float:left;width:335px;
margin-top:20px
}
div.tintuc_duoislider .congnghe_right ul{}
div.tintuc_duoislider .congnghe_right ul li{height:69px;margin-bottom:10px;list-style:none;}
div.tintuc_duoislider .congnghe_right ul li a img{float:left;padding:3px; border:1px solid #ccc;}
div.tintuc_duoislider .congnghe_right ul li a img:hover{opacity:0.5;transition:0.6s;}
div.tintuc_duoislider .congnghe_right ul li a{color:#005075; }
div.tintuc_duoislider .congnghe_right ul li a:hover{color:#F00; }
div.tuvankhachhang{width:300px;float:left;height:275px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 89%, rgba(248,248,248,1) 95%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(89%,rgba(249,249,249,1)), color-stop(95%,rgba(248,248,248,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
div.tieude_tuvan{height:30px;border-bottom:1px solid #005075;color:#005075;
text-transform:uppercase;font-weight:bold;font-size:16px;line-height:38px
}
div.tuvankhachhang ul{margin-left:10px}
div.tuvankhachhang ul li{list-style:none;padding:10px 0px;}
div.tuvankhachhang ul li a{color:#005075;background:url(images/muitencon.png) no-repeat left;
padding-left:15px;
}
div.tuvankhachhang ul li a:hover{color:#F00;transition:0.6s;padding-left:20px;}
div.box_album{width:485px;float:left;height:380px;margin-right:10px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 89%, rgba(248,248,248,1) 95%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(89%,rgba(249,249,249,1)), color-stop(95%,rgba(248,248,248,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 89%,rgba(248,248,248,1) 95%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
div.tieude_album{height:30px;border-bottom:1px solid #005075;color:#005075;
text-transform:uppercase;font-weight:bold;font-size:16px;line-height:38px
}
div.tieude_album a{color:#01537A;}
div.tieude_album a:hover{color:#F00;transition:0.6s;}