/* CSS Document */ *{margin:0px; padding:0px} body{color:#000; font-family:Arial; text-align:left; background:url(../images/graphics/1x159.gif) repeat-x left top;} 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 */ /*Scroll*/ /* Scroll Bar Master Styling Starts Here */ /* All comments can be freely removed from the css */ /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} .vscrollerbase {width:13px;} .vscrollerbar {background: url(../images/icons/bt_scross_13x67.gif) no-repeat left top; width:13px; /* following is the bit that allows us fixed height scrollbars */ height: 68px !important; cursor:pointer /* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/ /* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are using alpha images, thay have to be transparent.*/ } /* IE6 alpha png trick */ /* IE7 is not affected by this trick, as it perfectly handles the normal png */ /** html .vscrollerbar { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png'); background-image: none; }*/ /* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */ .hscrollerbase {height: 22px;} .hscrollerbar {height: 22px;/* background-color: #84ADD6;*/} .vscrollerbar, .hscrollerbar {padding: 0px;z-index: 2; /* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */ } /* properties for scroller jog box, just in case */ .scrollerjogbox {width: 22px;height: 22px;top: auto; left: auto;bottom: 0px; right: 0px; /*background: #698AAA;*/} /* Scroll Bar Master Styling Ends Here */ /*Scroll*/ /*go on 697*/ #vj_container{margin:0 auto; font:normal 11px arial; width:980px; } /*B-vj_header*/ #vj_header{margin:0 auto; width:980px; overflow:hidden} #vj_header p{float:left; margin-top:9px} #vj_header div.vj_he_right_main{float:right; margin-top:11px; width:430px} #vj_header div.vj_he_right_main .vj_he_left{ float:left; font:normal 12px arial; margin:2px 10px 0 0} #vj_header div.vj_he_right_main .vj_he_left a{color:#17232b} #vj_header div.vj_he_right_main .vj_he_left span{padding:0 7px} #vj_header div.vj_he_right_main .vj_he_right{width:179px; float:right} #vj_header div.vj_he_right_main .vj_he_right div{width:173px; height:25px; background-color:#808080; padding:5px 0 0 6px} #vj_header div.vj_he_right_main .vj_he_right div input{width:138px; height:15px; float:left; padding:1px 0 0 0} #vj_header div.vj_he_right_main .vj_he_right div img{margin-top:1px; float:left } #vj_header div.vj_he_right_main .vj_he_right label{width:173px; display:block} #vj_header div.vj_he_right_main .vj_he_right label b{font:bold 15px arial; color:#666;} #vj_header div.vj_he_right_main .vj_he_right label span{margin-left:10px} #vj_header div.vj_he_right_main .vj_he_right label span a{color:#666} #vj_header div.vj_he_right_main .vj_he_right label span.active_se{background-color:#808080; padding:3px 6px} #vj_header div.vj_he_right_main .vj_he_right label span.active_se a{color:#fff} /*E-vj_header*/ /*vj_menutop*/ #vj_menutop{width:980px; clear:both; overflow:hidden} #vj_menu_left{float:left; width:670px; margin-top:10px} #vj_menu_left a{margin-right:20px; font:normal 13px arial; color:#4c4c4c} #vj_hotphone_right{float:right; width:270px; background:url(../images/graphics/29x30.gif) no-repeat left top; font:normal 18px arial ; height:25px; color:#4c4c4c; padding:5px 0 0 30px} /*B-vj_content*/ #vj_content{margin:0 auto; width:980px; clear:both; padding-bottom:15px; overflow:hidden} #vj_con_left{width:670px; float:left} #vj_banner01{width:670px; margin-bottom:2px} #vj_banner02{width:670px; margin-bottom:10px; overflow:hidden} #vj_banner02 ul{list-style-type:none} #vj_banner02 li{width:222px; height:124px; float:left; margin:0 2px 2px 0} #vj_banner02 li.none_marginright{margin:0 0px 2px 0} #vj_banner02 li img{float:left} #vj_banner_03{width:300px; margin-bottom:10px} #vj_video{width:300px; height:250px; margin:10px 0 2px 0} /*vj_box_ser*/ #vj_box_ser_670{width:650px; border:solid 1px #dbd5d1; margin:0 auto 10px auto; padding:9px; overflow:hidden; font:normal 12px arial; color:#333} .title_ser670{width:650px; overflow:hidden; margin-bottom:10px} .title_ser670 b{font:normal 20px arial; color:#304a5a; float:left; width:100% } .title_ser670 b.color_kq{color:#cf1818} #content_ser670{width:656px; background:url(../images/graphics/6x244.gif) no-repeat 646px top; clear:both; height:611px; overflow: auto; } #content_ser670 .detail_ser670{width:630px;} #vj_school_shopping{width:295px; background-color:#db6b2c; font:normal 12px arial; overflow:hidden; padding:5px 5px 5px 0; margin-bottom:10px} #vj_school_shopping p{font-size:22px; color:#fff; font-weight:bold; width:290px; overflow:hidden; margin-bottom:5px} #vj_school_shopping ul{list-style-type:none} #vj_school_shopping li{width:55px; float:left; text-align:center; margin:0 0 0 15px; overflow:hidden; display:inline} #vj_school_shopping li img{border:solid 1px #f2e5dd} #vj_school_shopping li a{font:bold 11px arial; color:#fff; width:55px; overflow:hidden; display:block} #vj_con_right{width:300px; float:right} #vj_ds_670{width:670px; margin:0 auto; border-top:1px solid #e6e6e6; background:url(../images/graphics/1x96.gif) repeat-x left top; font:normal 12px arial; color:#999; overflow:hidden;} #vj_ds_670 div{font:normal 20px arial; color:#403a31; padding:15px 10px} #vj_ds_670 ul{} #vj_ds_670 li{border-right:1px solid #e6e6e6; width:146px; float:left; overflow:hidden; padding:0 10px; line-height:1.7} #vj_ds_670 li a{color:#999} #vj_ds_670 li.none_border{border-right:none} /*#vj_box_244_news*/ .vj_box_244_common{width:298px; border:1px solid #ccc; font:normal 11px arial; margin-bottom:10px} .vj_title_common{width:277px; height:27px; font:normal 20px arial; color:#403a31; padding:5px 0 10px 21px} .vj_content_common{width:274px; padding:0 12px 12px 12px; overflow:hidden;} .vj_content_common p{width:261px;overflow:hidden; background:url(../images/icons/4x7.gif) no-repeat left 6px; padding-left:11px; line-height:1.7} .vj_content_common p a{ color:#0066cc} .vj_content_common p.vj_line_a{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px} /*vj_box_ser*/ #vj_box_ser{width:280px; border:solid 1px #dbd5d1; margin:0 auto 10px auto; padding:9px 9px 0 9px; overflow:hidden; background:url(../images/graphics/1x96.gif) repeat-x left top} .title_ser{width:280px; overflow:hidden; margin-bottom:10px} .title_ser b{font:normal 20px arial; color:#000; float:left} .title_ser a{float:right; font:normal 12px arial; color:#3952a2; margin-top:8px} #content_ser{width:280px; clear:both; } #content_ser ul{list-style-type:none; width:280px;} #content_ser li{width:280px; background:url(../images/graphics/6x1.gif) repeat-x left bottom; overflow:hidden; padding:0 0 10px 0; margin-bottom:10px} #content_ser li .img_ad{float:left; width:60px;} #content_ser li div{float:right; width:215px; font:normal 12px arial; color:#333} #content_ser li div b{display:block; width:215px; overflow:hidden;} #content_ser li div b a{color:#3952a2} #content_ser li div label{display:block; width:215px; overflow:hidden} #content_ser li.none_bg{background:none} /*B-vj_wrapper_footer*/ #vj_footer{margin:0px auto 0 auto; width:980px; clear:both; background-color:#f2f2f2; } #vj_footer .vj_fo_top{height:40px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#293f4d;} #vj_footer .vj_fo_top a{float:left; margin:9px 0 0 7px} #vj_footer .vj_fo_top p{float:right; font:normal 12px arial; margin-top:10px} #vj_footer .vj_fo_top p span{color:#fff; float:left; margin:2px 5px 0 0} #vj_footer .vj_fo_top p label{float:left; margin-right:5px} #vj_footer .vj_fo_top p label input{width:176px; height:15px; padding-top:1px; } #vj_footer .vj_fo_top p strong{float:left; margin-right:10px} #vj_footer .vj_fo_top p strong input{width:39px; height:20px; background:url(../images/graphics/39x20.gif) no-repeat left top; border:0; font-weight:bold; cursor:pointer} #vj_footer .vj_fo_fo{font:normal 12px arial; color:#07519a; text-align:center; line-height:1.7; padding:19px 0; margin-bottom:10px} #vj_footer .vj_fo_fo span{padding:0 7px} #vj_footer .vj_fo_fo a{color:#07519a} #vj_footer .vj_fo_fo label{color:#4d473f} #vj_footer .vj_fo_fo label a{color:#4d473f} /*E-vj_wrapper_footer*/ #content_search_670{width:650px; clear:both; } #content_search_670 ul{width:650px;} #content_search_670 li{width:155px; height:189px; float:left; margin:0 10px 10px 0; overflow:hidden; } #content_search_670 li img{border:1px solid #e8e8e8} #content_search_670 li span{width:155px; height:15px; display:block; overflow:hidden; font-weight:bold} #content_search_670 li span a{color:#333333} #content_search_670 li label{width:155px; height:15px; display:block; overflow:hidden; color:#cf1818} #content_search_670 li.none_margin{margin-right:0px} .vj_page{width:650px; text-align:right; padding-top:20px; overflow:hidden} .vj_page a{margin:0 7px; color:#333} .vj_page a:hover{font-weight:bold} .vj_page a.active_page{font-weight:bold} .vj_page .back_go{color:#cf1818} .vj_page .next_go{color:#cf1818} /*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} @media print { .overflo_none{overflow:visible} .noidung_sao{width:600px} .nguon_tin{width:550px} .bt_print,.footer_print,#header_print{display:none} }