/*=============== Bat dau CSS Du`ng Chung ===============*/ #container{ width:970px; margin:0px auto 0 auto;} #wrapper{ background:#ffffff; padding-bottom:8px; } #t{ width:970px;} #c{ width:950px; margin:10px auto 0 auto; line-height:16px;} #b{ width:950px; margin:auto;} .unity{ color:#aaa; height:19px; padding-top:2px; background:#025d97;} .unity .un_l{ float:left; padding-left:8px;} .unity .un_r{ float:right; font-weight:bold; color:#d2f1ff; padding-right:8px;} .unity .un_r span{ color:#FFF} .unity img{ margin-left:5px;} .unity a{ color:#FFF; font-weight:bold} #hd{ clear:both; background: #116496 url(../images/header_logo.gif) no-repeat top center; } #hd .logo_banner{ height:115px;} #hd .logo_banner .logo{ float:left; margin:23px 0px 10px 0px;} #hd .logo_banner .logo img{ width:200px; height:70px;} #hd .logo_banner .banner_top{ float:right; margin:17px 18px 0px 0px;} * html #hd .logo_banner .banner_top {height:90px; margin:15px 10px 0px 0px;} /*header end here*/ /**/ #ft {width:950px; margin-top:10px;} #ft .mn_f{ background:#156797; text-align:center; color:#fff; line-height:30px; margin-bottom:1px;} #ft .mn_f a{ font-size:10px; color:#fff; padding:0px 8px;} #ft .partner{ border:4px solid #d8d8d8; background-image:url(../images/partner_network.gif); background-repeat:no-repeat; background-position:20px 0px; padding-top:20px; text-align:center} #ft .partner img{ padding:0px 15px; display:inline} .logoNetwork { width:950px;} .copyright{ text-align:center; line-height:18px; color:#333; margin-top:12px;} .copyright a{ color:#666; font-weight:bold} .hotroFooter { width:950px; background:url(../images/bgd_bottom_footer.gif) 0 100% no-repeat; padding:0 0 9px 0; margin: 7px 0 0 0; overflow:hidden;} .infoFooter { width:930px; background:url(../images/bgd_top_footer.gif) 0 0 no-repeat; padding:0px 10px 0 10px; overflow:hidden;} .infoFooter .help { float:left; width:144px; padding:18px 0 0 0;} .infoFooter .help p span { color:#146897; font-weight:bold;} .flags { margin:7px 0 0 0; text-align:left;} .flags ul {} .flags li { display:inline; padding:0 3px 0 3px;} .infoFooter .copyright { float:right; width:765px; border-left:1px solid #d9d9db;} .infoFooter .copyright .quydinh1 { font:12px Arial; color:#000000; font-weight:bold; margin:0 0 5px 0;} .quydinh1 ul { text-align:right;} .quydinh1 li { display:inline; padding:0 2px 0 5px; background:url(../images/cor_footer.gif) no-repeat 0 50%; text-align:right;} .quydinh1 li a{ color:#000; text-decoration:none} .quydinh1 li a:hover{ text-decoration:underline; color:#000;} .quydinh1 li.corNone { background:none;} .infoFooter .copyright p { text-align:right; font:11px Arial; color:#202123; line-height:18px;} /**/ /*menu goes here*/ #mn{ background:#116496 url(../images/bg_fill_menu.gif) repeat-x top left; height:25px; width:954px; margin:auto;} #mn ul{ float:left; background:url(../images/mn_c_l.gif) no-repeat 0 0; padding-left:2px;} #mn li{ display:inline; background:url(../images/mn_c.gif) no-repeat right center; height:25px; float:left; font-size:10px; padding-right:2px;} #mn li a{ color:#fff;} #mn li a:hover{ color:#d2f1ff; text-decoration:none;} #mn li span { display:block; padding:7px 11px 0px 10px;} #mn .selected a{ background: transparent url(../images/ac_l.gif) no-repeat top left; padding-left:2px; float:left; margin-left:3px; color:#d2f1ff} #mn .selected a:hover{ text-decoration:none;} #mn .selected a span{ background: transparent url(../images/ac_fill.gif) no-repeat top right; padding:7px 5px 5px 4px; margin-right:3px;} #mn .clear_g{ background:none;} #mn .inout{ float:right; background:url(../images/mn_c_r.gif) no-repeat top right; padding:5px 10px 0px 0px; color:#fff;} #mn label{ display:block; display:inline;} #mn label a{ color:#fff; font-weight:bold} #mn .reg{ background:url(../images/reg.gif) no-repeat left; padding-left:20px; margin-right:5px;} #mn .sigin{background:url(../images/sigin.gif) no-repeat left; padding-left:22px; margin-left:5px;} .date_today{ height:20px; background:#3b9dca url(../images/icon_date.gif) no-repeat 12px 8px; width:929px; margin:auto; color:#b7e1f7; line-height:20px;padding-left:25px; margin-top :-10px;} #col1{ float:left; width:630px;} #col2{ float:right; width:310px;} #col2_wrapper{ background:#3b9dca;} #col3{ float:left; width:160px;} #col4{ float:right; width:782px;} #col4_1{ float:left; width:474px;} #col4_1A { float:left; width:644px; background-color:#FFF;} #col4_2{ float:right; width:300px;} #col4_3 { float:right; width:130px;} #col5{ float:left; width:644px;} #col6{ float:right; width:130px; border:1px solid #f48d00;} .banner_950{ clear:both; padding:8px 0px;} .hotspot {padding-bottom:1px; cursor:pointer;} #tt {position:absolute; display:block;background:url(../images/tt_left.gif) no-repeat 1px 0px; width:30px;} #ttbot {display:block; height:4px; margin-left:4px; overflow:hidden; background:url(../images/tt_bottom.gif) top right no-repeat;} #tttop {display:block; height:4px; margin-left:4px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#fff url(../images/tt_fill.gif) repeat-y right; width:200px; color:#000} #ttcont p{ margin-top:5px;} .tygiaC { width:279px; padding:10px 5px 10px 5px; overflow:hidden;} .tygiaC .font1 { font:18px Arial; color:#0196da; height:25px; border-bottom:1px solid #ececec;} .tygiaC .font1 span { font:12px Arial; color:#0196da; font-weight:bold; font-style:italic;} .tygiaC .font2 { font:12px Arial; color:#000000; height:25px; border-bottom:1px solid #ececec;} .tygiaC .font2A { font:12px Arial; color:#000000; height:25px; margin-bottom:8px;} .VideoC { width:279px; padding:5px; overflow:hidden;} .VideoC img { border:none;} .VideoC span { font:12px Arial; color:#0096db; font-weight:bold; line-height:20px;} #menu_child_top { padding:3px 6px; display:block; cursor:pointer; width:45px; background:#fff; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666;} #menu_parent_top{ padding:0px 18px 0px 6px; border:1px solid #666; background:url(../images/down.gif) no-repeat 43px 6px; display:block; cursor:pointer; width:33px; } input { font:12px Arial; color:#000000;} textarea { font:12px Arial; color:#000000;} select { font:12px Arial; color:#000000;} /* Tools Tip */ .dvhdr1 { background:#F8F8F8; font-weight:bold; border-top:5px solid #dddddd; border-right:5px solid #dddddd; border-left:5px solid #dddddd; padding:3px; width:300px; } .dvbdy1 { background:#F8F8F8; border-left:5px solid #dddddd; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; padding:3px; width:300px; } .dvhdr { background:#F8F8F8; font-weight:bold; border-top:5px solid #dddddd; border-right:5px solid #dddddd; border-left:5px solid #dddddd; padding:3px; width:356px; } .dvbdy { background:#F8F8F8; border-left:5px solid #dddddd; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; padding:3px; width:356px; } /* Tools Tip sieu thi */ .dvhdr2 { background:#F8F8F8; font-weight:bold; border-top:5px solid #dddddd; border-right:5px solid #dddddd; border-left:5px solid #dddddd; border-bottom:5px solid #dddddd; margin:3px; width:300px; display:block; } .dvbdy2 { background:#F8F8F8; margin:3px; width:300px; display:block; } /* Tools Tip sieu thi outstanding */ .dvhdr3 { background:#F8F8F8; font-weight:bold; border-top:5px solid #dddddd; border-right:5px solid #dddddd; border-left:5px solid #dddddd; padding:3px; width:300px; } .dvbdy3 { background:#F8F8F8; border-top:5px solid #dddddd; border-left:5px solid #dddddd; border-right:5px solid #dddddd; border-bottom:5px solid #dddddd; padding:3px; width:300px; } #mn #mn_list div{ position: absolute; visibility: hidden; margin-top: 5px; padding: 0; background: #EAEBD8; width: 170px; z-index:30000; } #mn #mn_list div a, #mn #mn_list .selected div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; height:16px; white-space: nowrap; text-align: left; text-decoration: none; background: #3e83a6 none; border-bottom: 1px solid #cceeff; color: #cceeff; font: 11px arial; float:none; } #mn #mn_list div a:hover, #mn #mn_list .selected div a:hover { background: #cceeff; color: #2b769f } #mn #mn_list .selected div{ position: absolute; visibility: hidden; margin-top: 25px; padding: 0; background: #EAEBD8; width: 170px; z-index:30000; } .box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .box {display: inline-block;} * html .box {height: 1%;} .box {display: block;} .empty_post{ font-weight:bold; text-align:center; padding:15px; margin:0 auto; } /* *********** update 11/9/2009 *********** ******************************************** *************** **************************** */ #col1In{ float:left; width:642px; margin:0 8px 0 0; overflow:hidden;} #col2In{ float:right; width:300px; overflow:hidden;} /*Dung cho banner share*/ .bannerHide { display:none; } .bannerShow { display:block; } .ScrollBannerLeft { position:absolute; top: 0px; left: 17px; } .ScrollBannerRight { position:absolute; top: 0px; left: 1130px; } /* *********** update 24/09/2009 *********** *************** **************************** */ .sub_area{ height:30px; background:#b3b3b3 url(../images/sub_area_bg.gif) repeat-x; line-height:30px; margin-bottom:1px; padding:0 10px; color:#FFFFFF; text-transform:uppercase; font-size:11px; } .sub_area a{ color:#FFFFFF; text-decoration:underline; font-weight:bold; } .sponsored_link{ color:#999999; font-size:10px; text-align:justify; margin:1px 0; background-color:#f0f0f0; padding:5px; } .sponsored_link a{ color:#666666; } /* CSS Home */ #box_topnews{ width:630px; height:174px; margin-bottom:10px;} #box_topnews .f_t{ background:url(../images/box_f_t.gif) top no-repeat; width:630px; height:5px; font-size:1px;} #box_topnews .f_b{ background:url(../images/box_f_b.gif) bottom no-repeat; width:630px; height:5px; font-size:1px;} #box_topnews .content{ width:618px; height:159px; background:url(../images/bg_b_box.gif) repeat-x top #fff; border-left:1px solid #3b9dca; border-right:1px solid #3b9dca; padding:5px 0px 0px 10px;} #box_topnews .content .img{ border:1px solid #ccc; margin-right:10px; padding:1px; float:left; overflow:hidden;} #box_topnews .content .data{ padding-right:0px;} #box_topnews .content .data h3{ font-size:18px; line-height:20px;} #box_topnews .content .data .timer{ color:#0086c5; font-weight:bold; font-size:11px;} #box_topnews .content .data p{ padding:5px 0px; line-height:17px;} #box_topnews .content .data p .link{ font-weight:bold; background-image:url(../images/icon_link.gif); background-repeat:no-repeat; padding-left:10px; background-position:0 3px;} #box_topnews .content .button_slide{ position:absolute; top:145px; left:551px;} #box_topnews .content .button_slide img{ margin:0px 1px} #box_logo{ background:#e2f3f8; height:58px; padding-top:15px; margin-bottom:10px;} #box_logo ul{ padding-left:7px;} #box_logo li{ display:inline; margin-left:5px;} #box_logo li img{ padding:1px; border:1px solid #ccc; overflow:hidden;} #box_logo li a{ text-decoration:none} #box_taisan{ margin:0 0 8px 0;} #box_taisan .title{ background:url(../images/fill_bg_body.gif) repeat-x; height:25px;} #box_taisan .title ul{ background:url(../images/fill_bg_body_l.gif) no-repeat left; height:21px; float:left; padding-top:4px; padding-left:15px;} #box_taisan .title li{ height:21px; background:url(../images/bg_btn_b_r.gif) no-repeat right; float:left; margin-right:3px;} #box_taisan .title li a{ background: transparent url(../images/bg_btn_b_l.gif) no-repeat left; float:left; height:21px; font-size:11px; font-weight:bold;} #box_taisan .title li a span{display:block; padding:5px 10px 0px 10px;} #box_taisan .title .selected{ height:21px; background: url(../images/fill_bg_body_r_a.gif) no-repeat right; float:left;} #box_taisan .title .selected span{ background: url(../images/fill_bg_body_l_a.gif) no-repeat left; float:left; height:16px; font-size:11px; font-weight:bold;} #box_taisan .title li a:hover{ cursor:pointer} #box_taisan .title .c_right{ background:url(../images/fill_bg_body_r.gif) no-repeat right top; height:22px; float:right; padding:2px 8px 0px 0px} #box_taisan .title .c_right .txt_xem{ border:1px solid #0082c0; background-color:#e3f3f8; padding:1px; float:left; margin-top:2px; width:160px;} #box_taisan .title .c_right .btn_xem { margin-left:3px; margin-top:2px;} #box_taisan .content{ border-left:1px solid #3b9dca; border-right:1px solid #3b9dca; border-bottom:1px solid #3b9dca; width:640px; padding:8px 0 12px 0;} #box_taisan .content .tabcontent{ /*display:none;*/} #box_taisan .content ul{} #box_taisan .content ul .clear_g{ border:none;} #box_taisan .content li{ width:296px; float:left; border-right:1px solid #3b9dca; height:65px; padding:0px 8px;} #box_taisan .content li img { float:left; border:1px solid #FF0000; margin:0 7px 0 0;} #box_taisan .content li .items{ background:url(../images/line_n.gif) repeat-x bottom; padding:8px 20px 8px 0px; line-height:16px; height:52px} #box_taisan .content li .items img { float:left; border:1px solid #c9c9c9; margin:0 7px 0 0;} #box_taisan .content li .items a{ color:#000;} #box_taisan .content li .items a:hover{ color:#0086c5; text-decoration:none} #box_taisan .content li p{ font-weight:bold; padding-top:3px;} @media print { #box_unity .tabcontent { display:block !important; } } #box_search{ margin-top:12px; border:1px solid #e6db55; width:608px; background-color:#fffbcc; background-image: url(../images/kinh.gif); background-position:7px 7px; background-repeat:no-repeat; margin:8px 0 8px 8px; height:156px; padding-bottom:10px;} #box_search .title_s{ font-size:22px; color:#843a08; border-bottom:1px solid #843a08; margin:8px 10px 10px 62px; padding-bottom:3px;} #box_search .tbl{ margin-right:3px; margin-bottom:-8px;} #box_search .td{ width:100px; text-align:right; font-weight:bold} #box_search .dropdown{ width:150px; font-family:arial; font-size:12px; margin-left:8px;} #box_search a.view_all {background: transparent url(../images/btn_ts_l.gif) no-repeat top left; display:block; float:right; font-size:17px; color:#843a08; font-weight:bold; margin-top:5px; height:36px; padding-left:5px} #box_search a.view_all span {background: transparent url(../images/btn_ts_r.gif) no-repeat top right; display:block; padding: 10px 10px 10px 8px; height:21px;} #box_search a:hover.view_all {text-decoration:none} #box_gtdo{ margin:0 0 8px 0;} #box_gtdo .title{ background:url(../images/fill_bg_body.gif) repeat-x; height:25px;} #box_gtdo .title ul{ background:url(../images/fill_bg_body_l.gif) no-repeat left; height:21px; float:left; padding-top:4px; padding-left:15px;} #box_gtdo .title li{ height:21px; background:url(../images/bg_btn_b_r.gif) no-repeat right; float:left; margin-right:3px;} #box_gtdo .title li a{ background: transparent url(../images/bg_btn_b_l.gif) no-repeat left; float:left; height:21px; font-size:11px; font-weight:bold;} #box_gtdo .title li a span{display:block; padding:5px 10px 0px 10px;} #box_gtdo .title .selected{ height:21px; background: url(../images/fill_bg_body_r_a.gif) no-repeat right; float:left;} #box_gtdo .title .selected span{ background: url(../images/fill_bg_body_l_a.gif) no-repeat left; float:left; height:16px; font-size:11px; font-weight:bold;} #box_gtdo .title li a:hover{ cursor:pointer} #box_gtdo .title .c_right{ background:url(../images/fill_bg_body_r.gif) no-repeat right; height:22px; float:right; padding:3px 8px 0px 0px} #box_gtdo .content{ border-left:1px solid #3b9dca; border-right:1px solid #3b9dca; border-bottom:1px solid #3b9dca; width:640px; padding-top:8px; padding-bottom:8px;} #box_gtdo .content .tabcontent{ display:none;} #box_gtdo .gt_dn_l{ float:left; width:360px; padding-left:8px;height:143px;} #box_gtdo .gt_dn_l img{ border:1px solid #ccc; margin-right:8px; width:128px; height:98px; overflow:hidden; float:left;} #box_gtdo .gt_dn_l span{ padding-right:10px; line-height:16px;} #box_gtdo .gt_dn_l p{ width:350px; padding-bottom:8px; padding-top:3px;} #box_gtdo .gt_dn_l p a{ color:#000; font-weight:bold} #box_gtdo .gt_dn_r{ float:right; width:250px;} #box_gtdo .gt_dn_r ul{ border:1px solid #c8e0ed; margin-right:8px; margin-top:7px;} #box_gtdo .gt_dn_r li{ background-color:#ddecf4; margin:1px; padding:10px 5px;} #box_gtdo .gt_dn_r li a{ color:#00599c; font-weight:bold;} #box_news{ margin:0px 0px 0px 0px;} #box_news .title{ background:url(../images/fill_bg_body.gif) repeat-x; height:25px;} #box_news .title ul{ background:url(../images/fill_bg_body_l.gif) no-repeat left; height:21px; float:left; padding-top:4px; padding-left:15px;} #box_news .title li{ height:21px; background:url(../images/bg_btn_b_r.gif) no-repeat right; float:left; margin-right:3px;} #box_news .title li a{ background: transparent url(../images/bg_btn_b_l.gif) no-repeat left; float:left; height:21px; font-size:11px; font-weight:bold;} #box_news .title li a span{display:block; padding:5px 10px 0px 10px;} #box_news .title .selected{ height:21px; background: url(../images/fill_bg_body_r_a.gif) no-repeat right; float:left;} #box_news .title .selected span{ background: url(../images/fill_bg_body_l_a.gif) no-repeat left; float:left; height:16px; font-size:11px; font-weight:bold;} #box_news .title li a:hover{ cursor:pointer} #box_news .title .c_right{ background:url(../images/fill_bg_body_r.gif) no-repeat right; height:22px; float:right; padding:3px 8px 0px 0px} #box_news .content{ border-left:1px solid #3b9dca; border-right:1px solid #3b9dca; border-bottom:1px solid #3b9dca; width:640px; padding-top:8px;} #box_news .content .tabcontent{ /*display:none;*/} #box_news .content ul{} #box_news .content ul .clear_g{ border:none;} #box_news .content li{ width:296px; float:left; border-right:1px solid #3b9dca; padding:0px 8px;} #box_news .content .items {background:url(../images/line_n.gif) repeat-x 0 bottom; padding:3px 0px 8px 0px; line-height:16px; height:105px} #box_news .content .items p { margin:0 0 7px 0;} #box_news .content li p.newstitle{ width:290px; padding-bottom:6px;} #box_news .content li p a{ color:#000; font-weight:bold; line-height:18px;} #box_news .content li img{ border:1px solid #ccc; margin:0 8px 0 0; overflow:hidden; float:left;} #box_news .content li span{ padding-right:10px; line-height:16px;} #box_news .content .view_more{ padding:8px 10px 8px 0; text-align:right; font-weight:normal;} #box_infoproject{ background: url(../images/bottom_box_r.gif) no-repeat left bottom; width:300px;} #box_infoproject .title{ background:url(../images/fill_bg_body.gif) repeat-x; height:25px;} #box_infoproject .title h3{ display:block; background:url(../images/fill_bg_body_l.gif) no-repeat left; height:19px; float:left; padding-top:6px; padding-left:6px; color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;} #box_infoproject .title h3 a{ color:#ffffff; text-decoration:none} #box_infoproject .title h3 a:hover{ text-decoration:none; color:#f9f7dc;} #box_infoproject .title .c_right{ background:url(../images/fill_bg_body_r.gif) no-repeat right; height:25px; float:right;} #box_infoproject .content{ background:transparent url(../images/top_box_r.gif) no-repeat top; border-left:2px solid #3b9dca; border-right:2px solid #3b9dca; padding:8px 6px 0px 6px;} #box_infoproject .content .tit_item{ font-size:16px; font-weight:bold; clear:both; padding-bottom:5px;} #box_infoproject .content .img{ width:130px; height:100px; overflow:hidden; padding:1px; border:1px solid #ccc; float:left; margin-right:6px;} #box_infoproject .content .items{ background: url(../images/line_n.gif) repeat-x bottom; height:135px; min-height:135px; margin-bottom:8px; } #box_infoproject .content .clear_g{ background:none; margin:0px;} #box_infoproject .content p { padding-bottom:5px; line-height:16px;} #box_infoproject .content p a{ font-weight:bold;} #box_infoproject .content .link{ padding-top:3px;} #box_infocheck{ background: url(../images/bottom_box_r.gif) no-repeat bottom; width:300px;} #box_infocheck .title{ background: #3b9dca url(../images/fill_bg_body.gif) repeat-x bottom; height:33px;} #box_infocheck .title h3{ display:block; background:url(../images/fill_bg_body_l_x.gif) no-repeat left bottom; height:18px; float:left; padding-top:15px; padding-left:6px; color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;} #box_infocheck .title .c_right{ background:url(../images/fill_bg_body_r_x.gif) no-repeat right bottom; height:33px; float:right;} #box_infocheck .content{ background:transparent url(../images/top_box_r.gif) no-repeat top; border-left:2px solid #3b9dca; border-right:2px solid #3b9dca; padding:5px 0px 4px 3px;} #box_infocheck .content ul{ width:300px;} * html #box_infocheck .content ul{ width:293px;} #box_infocheck .content li{ float:left; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #ccc; margin:1px 2px 1px 2px; font-family:Tahoma; font-size:11px; font-weight:bold;} #box_infocheck .content li span{ display:block; width:61px; padding:13px 0px 0px 32px; height:26px; cursor:pointer} #box_infocheck .content li a{ color:#000;} #box_infocheck .content .thitruong{ background-image:url(../images/thitruong.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .tygia{ background-image:url(../images/tygia.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .tuvan{ background-image:url(../images/tuvan.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .thuvien{ background-image:url(../images/thuvien.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .video{ background-image:url(../images/video.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .radio{ background-image:url(../images/radio.gif); background-repeat:no-repeat; background-position:2px 6px;} #box_infocheck .content .tabcontent{ display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=135,strength=4); clear:both; border:1px solid #ccc; margin:1px 8px 1px 4px; } #box_infocheck .content .tabcontent p{ background: url(../images/dics.gif) no-repeat 5px 13px; padding-left:13px; margin:0px 8px border-bottom:1px solid #e9eaeb; line-height:30px; } #box_shopping{ background: url(../images/bottom_box_r.gif) no-repeat bottom; width:300px; } #box_shopping .title{ background: #3b9dca url(../images/fill_bg_body.gif) repeat-x bottom; height:33px;} #box_shopping .title h3{ display:block; background:url(../images/fill_bg_body_l_x.gif) no-repeat left bottom; height:18px; float:left; padding-top:15px; padding-left:6px; color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;} #box_shopping .title h3 a{ color:#ffffff; text-decoration:none} #box_shopping .title h3 a:hover{ text-decoration:none; color:#f9f7dc;} #box_shopping .title .c_right{ background:url(../images/fill_bg_body_r_x.gif) no-repeat right bottom; height:33px; float:right;} #box_shopping .content{ background:transparent url(../images/top_box_r.gif) no-repeat top; border-left:2px solid #3b9dca; border-right:2px solid #3b9dca; padding:8px 6px 8px 6px;} #box_shopping .content .items{ height:115px; min-height:85px;} #box_shopping .content .items .img{width:90px; height:90px; overflow:hidden; padding:1px; border:1px solid #ccc; float:left; margin-right:6px;} #box_shopping .content .items .tit_item{font-size:12px; font-weight:bold; clear:both; padding-bottom:5px;} #box_shopping .content .items .data{ line-height:18px;} #box_service{ background: url(../images/bottom_box_r.gif) no-repeat bottom; width:300px; } #box_service .title{ background: #3b9dca url(../images/fill_bg_body.gif) repeat-x bottom; height:33px;} #box_service .title h3{ display:block; background:url(../images/fill_bg_body_l_x.gif) no-repeat left bottom; height:18px; float:left; padding-top:15px; padding-left:6px; color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;} #box_service .title .c_right{ background:url(../images/fill_bg_body_r_x.gif) no-repeat right bottom; height:33px; float:right;} #box_service .content{ background:transparent url(../images/top_box_r.gif) no-repeat top; border-left:2px solid #3b9dca; border-right:2px solid #3b9dca; height:130px;} #box_service .content ul{ padding:10px 0px 0px 4px;} #box_service .content li{ float:left; margin-left:4px; display:inline; margin-bottom:4px; margin-bottom:-5px;} #box_service .content .img{ width:50px; height:50px; overflow:hidden; border:1px solid #ccc; padding:1px;} #box_service .title h3 a{ color:#ffffff; text-decoration:none} #box_service .title h3 a:hover{ text-decoration:none; color:#f9f7dc;} #box_newletter{ background: url(../images/bottom_box_r.gif) no-repeat left bottom; width:300px; border-bottom:4px solid #3b9dca } #box_newletter .title{ background: #3b9dca url(../images/fill_bg_body.gif) repeat-x bottom; height:33px;} #box_newletter .title h3{ display:block; background:url(../images/fill_bg_body_l_x.gif) no-repeat left bottom; height:18px; float:left; padding-top:15px; padding-left:6px; color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;} #box_newletter .title .c_right{ background:url(../images/fill_bg_body_r_x.gif) no-repeat right bottom; height:33px; float:right;} #box_newletter .content{ background:transparent url(../images/top_box_r.gif) no-repeat top; border-left:2px solid #3b9dca; border-right:2px solid #3b9dca; height:60px; width:296px;} #box_newletter .content .txt_letter{ width:185px; padding:1px; font-size:12px; float:left; margin:20px 0px 0px 10px;} #box_newletter .content a.submit{background: transparent url(../images/btn_ts_l.gif) no-repeat top left; display: block;float: left; height:22px; padding-left:5px; color:#843a08; font-weight:bold; margin:20px 0px 0px 10px;} #box_newletter .content a.submit span{background: transparent url(../images/btn_ts_r.gif) no-repeat top right; display: block; padding: 3px 15px 4px 15px; } #box_newletter .content a:hover.submit{ text-decoration:none} .banner_630{ width:642px; margin-bottom:10px;} .banner_300{ border:1px solid #c2c2c2; padding:4px; background-color:#f0f0f0; margin-bottom:10px;} /*.boxDanhMuc { width:588px; padding:0 20px 0 20px; overflow:hidden;}*/ .boxDanhMuc { width:100%; padding:0 10px 0 7px; height:143px; overflow:hidden;} /*.boxDanhMuc ul { overflow:hidden; list-style:none;} .boxDanhMuc li { display:block; float:left; margin:0 50px 0 0;} .boxDanhMuc li.last { margin-right:0;} .boxDanhMuc li a{ width:150px; height:22px; background:url(../images/bgd_boxdanhmuc.jpg) no-repeat 0 0; display:block; float:left; margin-top:20px; font:12px Arial; color:#FFFFFF; font-weight:bold; text-transform:capitalize; padding:5px 0 0 9px;} .boxDanhMuc li a.pa { margin-top:0;} */ .boxDanhMuc ul { overflow:hidden; list-style:none;} .boxDanhMuc li { display:block; float:left; margin:0 30px 0 0;} .boxDanhMuc li.last { margin-right:0;} .boxDanhMuc li a { width:183px; height:39px; background:url(../images/bgd_boxdanhmuc.gif) no-repeat 47px 12px; display:block; float:left; font:9px Arial; color:#FFFFFF; font-weight:normal; text-transform:uppercase; padding:5px 0 0 5px; margin:3px 0 0 0;} .boxDanhMuc li a:hover { text-decoration:none; color:#ecfacf;} .boxDanhMuc li a span { padding:0 0 0 9px;} .boxDanhMuc li a.pa { margin-top:0;} .button80 { width:80px; height:22px; background:url(../images/button80x22.gif) no-repeat 0 0; font:11px Arial; font-weight:bold; color:#8a3e0a; cursor:pointer; border:none; margin-top:19px; margin-left:10px; } .news_style { display:none; } /* *********** update 11/9/2009 *********** ******************************************** *************** **************************** */ #topTimkiem { width:642px; margin:0 0 5px 0; overflow:hidden;} /* ********** */ .topNews { float:left; width:458px; margin:0 10px 0 0;} .topType1 { width:220px; overflow:hidden; padding:10px 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #acc0c7;} .topType1 img { border:0px solid #a1a1a1;} .topType1 h3 { font:18px tahoma; color:#ef6000; font-weight:bold; line-height:22px; padding:0 0 5px 0;} .topType1 h3 a{ color:#ef6000; text-decoration:none} .topType1 h3 a:hover{ text-decoration:underline; color:#ef6000;} .topType1 span { font:11px Arial, Helvetica, sans-serif; color:#116496;} .topType1 p { font:12px Arial, Helvetica, sans-serif; color:#000; line-height:16px; padding:7px 0 7px 0;} .topType1 .btnTopNews { text-align:right;} .topType1 .btnTopNews ul {} .topType1 .btnTopNews li { display:inline!important;} .topType1 .btnTopNews li img { float:none; border:none; padding:0; margin:0;} .topType2 { width:220px; overflow:hidden;} .topType2 img { float:left; margin:0 5px 0 0;} .topType2 .tm {width:220px; float:right; height: 130px;} .topType2 .tm ul {left: 2px; list-style: none;} .topType2 .tm ul li ul {left: 2px; list-style: none;} .topType2 .tm li { display:block; padding:2px 0 2px 0; font:12px Arial; color:#004f8b; font-weight:bold;} .topType2 .tm li a{ color:#7A7A7A; text-decoration:none; font-weight: normal;} .topType2 .tm li a:hover{ text-decoration:underline; color:#AD9E03; font-weight: normal;} .topType2 .tm li span { color:#5e5e5e; font-weight:normal;} /* ********** */ .searchHome { float:right; width:174px; background:url(../images/bgd_bottom_searchHome.gif) no-repeat 0 100%; padding:0 0 10px 0;} .infoSearchHome { width:154px; background:url(../images/bgd_top_searchHome.gif) no-repeat 0 0; padding:10px 10px 0 10px;} .infoSearchHome h3 { font:18px Arial; color:#0086c5; padding:0 0 7px 0; } .infoSearchHome p { padding:0 0 7px 0;} .buttonHome { width:154px; height:36px; background: url(../images/btn_home.gif) no-repeat 0 0; font:18px Arial; color:#88370a; font-weight:normal; cursor:pointer; border:none;} .input150 { width:150px; border:1px solid #8098ba;} #box_logoNew { width:632px; height:50px; padding:8px 0 0 10px; background:url(../images/bgd_logoHome.gif) repeat-x 0 0; margin:15px 0 5px 0;} #box_logoNew ul {} #box_logoNew li { display:block; float:left; width:94px; overflow:hidden; padding:0 5px 0 5px;} #box_logoNew li img { border:1px solid #a1a1a1;} .bannerW300 { margin:0 0 5px 0;} *+html .bannerW300 { margin:0 0 5px 0} *html .bannerW300 { margin:0 0 5px 0} /* *********** Thong tin du an Home ***********/ .blockProject { width:300px; margin:0 0 5px 0;} .proHomeT { width:290px; height:25px; padding:6px 0 0 10px; background:url(../images/bgd_proHomeT.gif) no-repeat left bottom; font:12px Arial; color:#fff; font-weight:bold; text-transform:uppercase;} .proHomeT a{ color:#fff; text-decoration:none} .proHomeT a:hover{ text-decoration:none; color:#fff;} .proHomeC { width:280px; padding:0 10px 0 10px; background:url(../images/bgd_proHomeC.gif) repeat-y 0 0; overflow:hidden;} .proHomeC ul {} .proHomeC li { display:block; padding:12px 0 12px 0; border-bottom:1px dotted #9c9c9c; width:280px; overflow:hidden;} .proHomeC li.bottomNone { border-bottom:none;} .proHomeC li h3 { font:16px Arial; color:#004f90; font-weight:bold; padding:0 0 7px 0;} .proHomeC li h3 a{ color:#004f90; text-decoration:none} .proHomeC li h3 a:hover{ text-decoration:underline; color:#004f90;} .proHomeC li img { float:left; border:1px solid #666666; padding:1px; margin:0 10px 0 0;} .proHomeC li p { font:12px Arial; color:#000; padding:0 0 7px 0;} .proHomeC li span { color:#034e85; font-weight:bold;} .proHomeC li span a{ color:#034e85; text-decoration:none} .proHomeC li span a:hover{ text-decoration:underline; color:#034e85;} .proHomeF { width:300px; height:12px; background:url(../images/bgd_proHomeF.gif) no-repeat 0 0;} .BusiLett {width:300px; background:#3b9ec8;} /* ***** */ .blockBusi { width:300px; background:url(../images/bgd_bottom_dnNew.gif) no-repeat 0 100%; padding:0 0 6px 0;} .infoBusi { width:280px; background:url(../images/bgd_top_dnNew.gif) no-repeat 0 0; padding:8px 10px 0 10px;} .infoBusi h2 { font:12px Arial; color:#fff; font-weight:bold; text-transform:uppercase;} .infoBusi .logoDn { padding:10px 0 0 0; width:280px; overflow:hidden;} .infoBusi .logoDn ul {} .infoBusi .logoDn li { display:block; float:left; width:52px; padding:0 2px 2px 2px; overflow:hidden;} .infoBusi .logoDn li img { border:1px solid #cbcbcb; padding:1px;} /* ***** */ .blockLetter { width:300px; background:url(../images/bgd_bottomLetter.gif) no-repeat 0 100%; padding:9px 0 15px 0;} .infoLetter { width:280px; background:url(../images/bgd_proHomeT.gif) no-repeat 0 0; padding:6px 10px 0 10px; height:50px;} .infoLetter h2 { font:12px Arial; color:#fff; font-weight:bold; text-transform:uppercase;} .infoLetter p { margin:15px 0 0 0;} .input190 { width:180px; height:19px; border:1px solid #8098ba;} .buttonDk { width:80px; height:22px; background:url(../images/button_9.gif) no-repeat 0 0; font:11px Arial; color:#873f04; font-weight:bold; cursor:pointer; border:none;} /*jcarousel*/ .jcarousel-skin-tango .jcarousel-container { /*-moz-border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97;*/ } .jcarousel-skin-tango .jcarousel-container-vertical { width: 398px; height: 40px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 398px; height: 40px; } .jcarousel-skin-tango .jcarousel-item { width: 398px; height: 15px; } .jcarousel-skin-tango .jcarousel-item-vertical { /*margin-bottom: 10px;*/ } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /*Banner expand*/ /*.banner_expand { margin:0 0 5px 0; position:inherit; width:300px; height:120px;} #extensible-bannerRight { /*position: absolute;z-index: 100;height:200px;width:420px;clip: rect(0px, 0px, 120px, 0px); border:1px solid #000000;*/ /*position: absolute;z-index: 100;height:200px;width:420px; clip: rect(0px, 420px, 120px, 120px);margin-left:-120px;*/ /* top:405px; left:685px;*/ /*}*/ .bannerW300_Expand { margin:0 0 5px 0; width:300px; height:120px; position:inherit; } .btSearch_DioNews_Detail { width:39px; height:19px; background:url(../images/btn_xem.gif) no-repeat 0 0; font:11px Arial; color:#843a08; font-weight:bold; cursor:pointer; border:none; margin-top:2px; margin-left:2px; } #box_news1{ margin:0 0 8px 0;} #box_news1 .title{ background:url(../images/fill_bg_body.gif) repeat-x; height:25px;} #box_news1 .title ul{ background:url(../images/fill_bg_body_l.gif) no-repeat left; height:21px; float:left; padding-top:4px; padding-left:15px;} #box_news1 .title li{ height:21px; background:url(../images/bg_btn_b_r.gif) no-repeat right; float:left; margin-right:3px;} #box_news1 .title li a{ background: transparent url(../images/bg_btn_b_l.gif) no-repeat left; float:left; height:21px; font-size:11px; font-weight:bold;} #box_news1 .title li a span{display:block; padding:5px 10px 0px 10px;} #box_news1 .title .selected{ height:21px; background: url(../images/fill_bg_body_r_a.gif) no-repeat right; float:left;} #box_news1 .title .selected span{ background: url(../images/fill_bg_body_l_a.gif) no-repeat left; float:left; height:16px; font-size:11px; font-weight:bold;} #box_news1 .title li a:hover{ cursor:pointer} #box_news1 .title .c_right{ background:url(../images/fill_bg_body_r.gif) no-repeat right; height:22px; float:right; padding:3px 8px 0px 0px} #box_news1 .content{ border-left:1px solid #3b9dca; border-right:1px solid #3b9dca; border-bottom:1px solid #3b9dca; width:640px; padding-top:8px;} #box_news1 .content .tabcontent{ /*display:none;*/} #box_news1 .content ul{} #box_news1 .content ul .clear_g{ border:none;} #box_news1 .content li{ width:296px; float:left; border-right:1px solid #3b9dca; padding:0px 8px;} #box_news1 .content .items {background:url(../images/line_n.gif) repeat-x 0 bottom; padding:3px 0px 8px 0px; line-height:16px; height:105px} #box_news1 .content .items p { margin:0 0 7px 0;} #box_news1 .content li p.newstitle{ width:290px; padding-bottom:6px;} #box_news1 .content li p a{ color:#000; font-weight:bold; line-height:18px;} #box_news1 .content li img{ border:1px solid #ccc; margin:0 8px 0 0; overflow:hidden; float:left;} #box_news1 .content li span{ padding-right:10px; line-height:16px;} #box_news1 .content .view_more{ padding:8px 10px 8px 0; text-align:right; font-weight:normal;} /* css phần scroll top news*/ #latest { float:left; width:220px; height:130px; overflow:hidden; margin-left:5px; /*margin-bottom :5px;*/ } .hour { color :Black ; } /*end scroll top news*//** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; } /** * The buttons are added dynamically by jCarousel before * the