/* CSS Document */ *{margin:0px; padding:0px} body{color:#000; font-family:Arial; text-align:left; background:#040f12} a{ background-color:inherit; text-decoration:none; outline:none;} a:hover{text-decoration:underline} img{border:0px} /* Nhap lieu */ input{ font-family:Tahoma, arial, sans-serif; font-size:11px;} textarea{ font-family:Tahoma, arial, sans-serif; font-size:11px; } select{ font-family:Tahoma, arial, sans-serif; font-size:11px;} /* easy clearing */ .clearfix:after{ content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline; position:relative;} .clearfix{display:block;} /* end easy clearing */ /*go on*/ #vj_container{margin:0 auto; font:normal 12px arial; width:100%;} #vj_wrapper_content{margin:0 auto; width:980px;} /*B-vj_header*/ #vj_header{width:980px; margin:0 auto; background:url(../images/graphics/bg_header.jpg) no-repeat left top} .vj_top_header{height:81px; width:980px;font-weight:bold; color:#fff; } .vj_top_header a{float:left; margin:24px 0 0 50px} .vj_top_header span{float:right; font:normal 24px arial; color:#50c5df; margin:37px 180px 0 0;} .vj_main_menu{height:51px; width:980px; background:url(../images/graphics/bg_menu_1x37.gif) repeat-x left bottom;} .vj_main_menu ul{list-style-type:none; margin-left:50px} .vj_main_menu li{font:bold 12px verdana; float:left; height:37px; margin-right:5px} .vj_main_menu li a{padding:25px 13px 0 13px; color:#333; float:left; } .vj_main_menu li.active_menu span{float:left; background:url(../images/graphics/bgleft_menu_51.gif) no-repeat left top; height:37px; width:9px; font-size:0px;} .vj_main_menu li.active_menu label{float:left; background:url(../images/graphics/bgright_menu_51.gif) no-repeat right top; height:37px; width:9px; font-size:0px;} .vj_main_menu li.active_menu a{float:left; background:url(../images/graphics/bg_con_menu_1x51.gif) repeat-x left top; padding:15px 13px 0 13px; height:24px; } /*E-vj_header*/ /*B-vj_content*/ #vj_content{width:980px; margin:0 auto; padding-top:10px; overflow:hidden} #vj_con_left{float:left; width:670px} #vj_con_right{float:right; width:300px} #banner_qc{width:980px; height:251px; clear:both;/* margin-bottom:8px*/} #banner_qc ul{list-style-type:none} #banner_qc li{height:251px; float:left;} #banner_qc li img{float:left; border:0px; font:0;} #banner_qc li div{margin:0px 0 0 20px} #banner_qc li.vj_click{background:url(../images/products/05_196x251.jpg) no-repeat left top} #banner_qc li.vj_click a{margin:183px 0 0 23px; float:left} /*E-vj_content*/ .width_650_list_new{width:670px; font:normal 12px arial; overflow:hidden} .width_650_list_new p{width:670px; overflow:hidden; font-size:18px; color:#87cee5; margin-bottom:10px; text-decoration:underline} .width_650_list_new ul{} .width_650_list_new li{float:left; margin:0 10px 10px 0; width:330px; overflow:hidden;} .width_650_list_new li.none_margin{margin-right:0px} .width_650_list_new .img_300{border:1px solid #dbd5d1; float:left;} .width_650_list_new div{width:260px; float:right; overflow:hidden} .width_650_list_new h1{font:bold 12px arial; width:260px; overflow:hidden; margin-bottom:5px; height:15px;} .width_650_list_new span{width:260px; height:30px; display:block; overflow:hidden; color:#c4ced5} .width_650_list_new h1 a{color:#50a8c9; font-size:12px} #box_lienhe{border:1px dotted #fff; width:614px; padding:19px 25px; font:normal 12px arial; overflow:hidden; margin-bottom:10px; clear:both} #box_lienhe p{width:614px; overflow:hidden; font-size:18px; color:#87cee5; margin-bottom:10px; text-decoration:underline} #box_lienhe ul{width:300px; list-style-type:none; float:left; margin-right:7px} #box_lienhe li{width:300px; color:#c4ced5; overflow:hidden; line-height:1.7} #box_lienhe li b{font:bold 12px arial; color:#fff} #box_lienhe li span{width:85px; overflow:hidden; float:left} #box_lienhe li label{width:215px; overflow:hidden; float:right} #box_lienhe li label a{color:#50a8c9} /*vj_box_ser*/ #vj_box_ser{width:300px; margin:0 auto 10px auto; padding:0px 0px 0 0px; overflow:hidden; font:normal 12px arial; color:#082a33} .title_ser{width:300px; overflow:hidden; background:url(../images/graphics/con_1x32.gif) repeat-x left top; height:32px; float:left} .title_ser div{width:300px; background:url(../images/graphics/left_5x32.gif) no-repeat left top; height:32px; float:left} .title_ser p{width:300px; background:url(../images/graphics/right_5x32.gif) no-repeat right top; height:32px; float:left} .title_ser p span{ float:left; font:normal 18px arial; margin:4px 0 0 10px} .title_ser p a{ float:right; color:#082a33; margin:10px 10px 0 0px} #vj_box_ser01{width:300px; margin:0 auto 10px auto; padding:0px 0px 0 0px; overflow:hidden; font:normal 12px arial; color:#9ebace; background-color:#152024;} .title_ser01{width:300px; overflow:hidden; background:url(../images/graphics/con01_1x32.gif) repeat-x left top; height:32px; float:left} .title_ser01 div{width:300px; background:url(../images/graphics/left01_5x32.gif) no-repeat left top; height:32px; float:left} .title_ser01 p{width:300px; background:url(../images/graphics/right01_5x32.gif) no-repeat right top; height:32px; float:left} .title_ser01 p span{ float:left; font:normal 18px arial; margin:4px 0 0 10px} .title_ser01 p a{ float:right; color:#9ebace; margin:10px 10px 0 0px} #content_ser{width:282px; clear:both; background:#a9bac6; padding:9px; color:#082a33; } #content_ser ul{list-style-type:none; width:282px;} #content_ser li{width:282px; overflow:hidden; margin-bottom:10px} #content_ser li .img_ad{float:left; width:50px;} #content_ser li div{float:right; width:225px; font:normal 12px arial; color:#333} #content_ser li div b{display:block; width:225px; overflow:hidden;} #content_ser li div b a{color:#082a33;} #content_ser li div label{display:block; width:225px; overflow:hidden} .content_ser01{width:300px;} .content_ser01 p{font:normal 30px arial;width:280px; padding:0 10px } .content_ser01 ul{list-style-type:none; } .content_ser01 li{float:left; background:url(../images/icons/6x7.gif) no-repeat left 7px; line-height:1.7; padding-left:8px; width:280px; margin-left:10px; width:280px; overflow:hidden; display:inline } .content_ser01 li a{ color:#9ebace} #vj_banner_300{width:300px;margin-bottom:10px} .gioithieu_thuoc{width:670px; color:#c4ced5; line-height:1.7; margin-bottom:10px; clear:both; overflow:hidden} .gioithieu_thuoc p{ color:#87cee5 ; margin-bottom:10px; width:670px; overflow:hidden} .gioithieu_thuoc p span{float:left; font:normal 20px arial; text-decoration:underline;} .gioithieu_thuoc p a{float:right; font:normal 12px arial; color:#fff; margin-top:10px; } .vj_listsp{width:670px; } .vj_listsp div{width:328px; border:1px solid #0a1f24; float:left; text-align:center; overflow:hidden; padding:10px 0; background:#040f12; margin-right:5px} .vj_listsp div label{font:normal 15px arial; color:#50a8c9; display:block; height:34px} .vj_listsp div label a{ color:#50a8c9; } .vj_listsp div span{font:normal 15px arial; color:#999999; display:block} .vj_listsp div span strong{font:bold 20px arial; color:#ffae00;} div.muangay{width:650px; /*border:1px solid #0a1f24;*/ overflow:hidden; padding:3px 10px; background:#040f12; text-align:left; font:normal 12px arial; color:#fff; margin-bottom:10px} div.muangay em{width:650px; display:block; margin-bottom:3px; overflow:hidden} div.muangay b{color:#FFFFCC; font-size:13px;width:328px; display:block; padding-bottom:15px} div.muangay input{height:13px; float:left; width:200px} div.muangay input.muangay_bt{width:30px; height:17px; border:0; cursor:pointer; margin-right:10px} div.muangay input.text_email{margin:0px 4px 0 0} div.muangay strong{width:70px; display:block; float:left; font-weight:normal} div.muangay .em_none{font-style:normal} div.muangay label{float:left; margin:2px 0 0 0} #two_banner{width:670px; margin-bottom:10px; overflow:hidden } #two_banner .banner01{width:320px; float:left; margin-left:8px; display:inline} .chon_pay{overflow:hidden } .chon_pay a{margin-right:10px} .chon_pay input{width:80px; height:21px; border:none; cursor:pointer; margin-bottom:10px} .chon_pay .paypal{background:url(../images/icons/80x21.gif) no-repeat center; width:80px; height:21px} .chon_pay .visa{background:url(../images/icons/visa.gif) no-repeat center;width:80px; height:21px } /*B-vj_wrapper_footer*/ #vj_wrapper_footer{margin:0px auto 0 auto; width:980px; background:url(../images/graphics/bg_fo.jpg) no-repeat left top; height:235px; font:normal 12px arial; color:#fff; clear:both; overflow:hidden } #vj_wrapper_footer span{font:normal 20px arial; display:block ; color:#ffae00; padding:10px 0 0 22px } .footer_list_sd{width:980px; overflow:hidden; height:82px; margin-top:5px; } .footer_list_sd ul{width:181px; list-style-type:none; margin-left:15px; float:left; overflow:hidden; display:inline} .footer_list_sd ul li{padding-left:14px; width:168px; line-height:1.8; overflow:hidden; float:left; background:url(../images/icons/icon_list_fo_right_5x5.gif) no-repeat left 6px; height:20px} .footer_list_sd ul li a{color:#fff;} #vj_wrapper_footer p{width:980px; text-align:center; margin-top:25px; overflow:hidden} #vj_wrapper_footer p a{color:#fff} /*E-vj_wrapper_footer*/ #vj_box_detail_pc{width:670px; font:normal 12px arial; overflow:hidden; float:left; color:#fff; padding-bottom:20px } #vj_box_detail_pc h1{width:650px;overflow:hidden; font:normal 18px arial; color:#2e618e; margin-bottom:10px;} #vj_box_detail_pc .vj_sub_detail{width:670px; overflow:hidden; } #vj_box_detail_pc .vj_sub_detail span{width:333px; float:left;} #vj_box_detail_pc .vj_sub_detail div{float:right; width:385px; line-height:1.7 } #vj_box_detail_pc .vj_sub_detail div ul{} #vj_box_detail_pc .vj_sub_detail div li{margin-left:20px} #vj_box_detail_pc .vj_box_table_pc{width:670px; margin-top:15px} #vj_box_detail_pc .vj_box_table_pc td{padding:3px 0} #vj_box_detail_pc .vj_box_table_pc .bg_td td{background:#f5f5f5} #vj_box_detail_pc .vj_box_table_pc .font_bold{font-weight:bold} #vj_box_detail_pc .vj_box_table_pc .font_bold_kn{font:bold 18px verdana; color:#fff} #vj_box_detail_pc a{color:#50a8c9; } #vj_box_detail_pc tr td{text-align:left} .guithanhcong{text-align:center; font:normal 16px tahoma; color:#fff} .guithanhcong a{color:#fff} .vj_box_three_300{width:980px; margin:10px auto; overflow:hidden} .vj_box_three_300 .vj_banner_300x100{width:300px; height:100px; float:left; margin-left:20px; display:inline} @media print { .overflo_none{overflow:visible} .noidung_sao{width:600px} .nguon_tin{width:550px} .bt_print,.footer_print,#header_print{display:none} } /*footer_sum: chep HTML, CSS, images(footer_sum_1x19.gif)*/ * html #container{position: relative;} #footer_sum{width:100%; background:url(../images/graphics/footer_sum_1x19.gif) repeat-x center top; height:18px; text-align:center; font:normal 11px tahoma; color:#fff;padding-top:3px; left:0px; bottom:0px; position:fixed; z-index:1000} * html #footer_sum {position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));left: expression("0");} #footer_sum a{margin-right:20px; color:#333} #footer_sum a:hover{color:#fff; text-decoration:none} #footer_sum a.active_sum{font-size:14px; color:#fff; font-weight:bold} #footer_sum a.none_space{margin-right:0px}