/* CSS Default */ *{ padding:0px; margin:0px;} html{ background:url(../images/bg_main_top.gif) left top repeat-x;} body{ font-family:Tahoma; font-size:11px; color:#222; background:url(../images/bg_main_bottom.gif) left bottom repeat-x;} a{ font-family:Tahoma; color:#000; cursor:pointer; border:none;} a:hover{ text-decoration:none;} *:focus{outline:none;} img{ font-size:0px; border:none; overflow:hidden;} input{ font-family:Verdana; font-size:11px; padding:2px 3px 1px;} select{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 1px;} textarea{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 3px; overflow:auto;} h3{ font-family:Tahoma; font-size:16px; font-weight:bold; color:#087594; padding:10px 0 0 0;} h4{ font-family:Tahoma; font-size:16px; font-weight:bold; color:#087594; padding:10px 0 10px 3px;} .chk_radio{ width:14px; height:14px; vertical-align:middle;} /* CSS Common */ .clear{ clear:both; font-size:0px;} .fLeft{ float:left;} .fRight{ float:right;} .aLeft{ text-align:left;} .aRight{ text-align:right; padding:5px 15px 0 0;} .aCenter{ text-align:center;} .wrapper{ width:970px; margin:0 auto;} .ln_end{ height:15px; background:url(../images/ln_gray.gif) left 8px repeat-x;} .chk_box{ width:14px; height:14px; vertical-align:middle;} .w_200{ width:201px; padding:0 7px;} .w_input{ width:300px;} .w_445{ width:445px;} .w_310{ width:302px; *width:304px; _width:304px;} .h_100{ height:100px;} .padT_5{ padding-top:5px;} .padB_5{ padding-bottom:5px;} .padT_2{ padding-top:2px;} .padT_10{ padding-top:10px;} .padT_15{ padding-top:15px;} .padB_10{ padding-bottom:10px;} .padL_12{padding-left:12px;} .padL_5{padding-left:5px;} .marT_8{margin-top:8px;} .txt_10{ font-size:10px;} .txt_12{ font-size:12px;} .txt_gray{ color:#CCCCCC;} .txt_blue{ color:#0000FF;} .bg_yellow{background:#fe9f24; font-weight:bold; padding:2px 4px;} .txt_orange{ color:#FF6600;} .link_comment{font-weight:bold; padding:5px 0;} .link_comment a {color:#018fc4; font-weight:bold; text-decoration:none; font-size:11px;} .link_comment a:hover{ text-decoration:none; color:#5d5d5d;} .pages{ width:99%; font-family:Verdana; font-size:11px; text-align:center; padding:20px 0 5px;} .pages a{ color:#595959; border:none; margin:0 3px; padding:1px 7px; text-decoration:none;} .pages a:hover{ color:#fff; background:#ef8e10; border:none; text-decoration:none;} /*.pages .del{ font-weight:normal;} .pages .del a{ background:none; border:none; color:#595959; padding:0 5px;} .pages .del a:hover{ background:none; border:none; color:#ef8e10;} */ .pages .selected{ color:#fff; background:#ef8e10; border:1px #ccc solid; margin:0 3px; padding:1px 7px;} /* CSS Header */ .header{ width:970px; height:136px; position:relative; z-index:100;} .header .logo{ width:970px; height:100px;} .header .logo .bn_468x90{ width:468px; height:90px; position:absolute; right:0px; top:5px;} .header .menu{ width:960px; height:30px; padding:0 5px;} .header .menu .ls_menu{ float:left; width:660px; margin-top:1px;} .header .menu .ls_menu li{ float:left; list-style-type:none; font-weight:bold; text-transform:uppercase;} .header .menu .ls_menu a{ float:left; color:#fff; text-decoration:none; padding:9px 10px 8px;} .header .menu .ls_menu a:hover{ color:#febf58;} .header .menu .ls_menu .selected a{ color:#febf58;} .header .menu .signin{ float:right; width:300px; margin-top:1px;} .header .menu .ls_signin{ float:left; font-weight:bold; text-transform:uppercase; padding-top:9px; padding-left:20px;} .header .menu .ls_signin li{ display:inline; color:#fff; list-style-type:none; padding:0 3px;} .header .menu .ls_signin a{ color:#fff; text-decoration:none;} .header .menu .ls_signin a:hover{ color:#febf58;} /* CSS Content */ .content{ width:960px; background:#fff; padding:2px 5px 15px 2px;} /*Them doan code nay*/ .cover_content{ float:left;} .content .w_445{ float:left;} .w_445 .title_main{width:431px; height:19px; font-size:11px; color: #018fc4; text-transform:uppercase; background:url(../images/t_main.gif) left top no-repeat; padding:5px 0 0 14px; position:relative;} .w_445 .top_main{width:445px; height:6px; background:url(../images/top_main.gif) left top no-repeat; font-size:0px;} .mid_main{ width:445px; background:url(../images/mid_main.gif) left top repeat-y;} .sms300x500 { font-family:Tahoma; *height:148px; _height:120px; position:relative; width:446px; background:url(../images/mid_main.gif) left top repeat-y;} .sms300x500 .slide-mask { height:120px; position:relative; width:440px;} .sms300x500 .slide-main { display:block; padding-top:2px; position:absolute; width:440px;} .sms300x500 .slide-main .item { background:#fff; height:120px; overflow:hidden; width:435px; margin-left:5px;} .sms300x500 .slide-main .item .left img { height:104px; width:175px; float:left; margin-right:5px;} .sms300x500 .slide-main .item .right { float:left; overflow:hidden; padding-top:5px; width:253px; text-align:justify;} .sms300x500 .slide-main .item .right .title{padding-bottom:10px;} .sms300x500 .slide-main .item .right .title a{font-weight:bold; color:#018fc4; text-decoration:none;} .sms300x500 .slide-main .item .right .title a:hover{text-decoration:underline;} /* Easy Slider */ #slider{} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider li, #slider2 li{ width:445px; height:120px; overflow:hidden; } p#controls{ margin:0; position:relative; } .ls_customer{ background:#fff; height:120px; overflow:hidden; width:435px; margin-left:5px; padding-top:10px; background:url(../images/dot_gray.gif) left bottom repeat-x;} .ls_customer .left img { height:104px; width:175px; float:left; margin-right:5px;} .ls_customer .right { float:left; overflow:hidden; padding-top:5px; width:253px; text-align:justify;} .ls_customer .title{padding-bottom:10px; font-weight:bold; color:#018fc4;} .ls_customer .title a{font-weight:bold; color:#018fc4; text-decoration:none;} .ls_customer .title a:hover{text-decoration:underline;} .w_445 .bot_main{width:445px; height:28px; background:url(../images/bot_main.gif) left top ; position:relative; z-index:10} .bot_main .btn_pre{position:absolute; right:55px; top:3px;} .bot_main .btn_stop{position:absolute; right:30px; top:3px;} .bot_main .btn_next{position:absolute; right:5px; top:3px;} .title_main .view_customer{position:absolute; right:10px; top:5px; text-transform:none;} .view_customer a{color:#fe9c22; text-decoration:none;} .view_customer a:hover{text-decoration:underline;} .w_445 .ls_service{ color:#018fc4; list-style-type:none; padding-bottom:10px;} .ls_service li{ background:#fff url(../images/line_dotted.gif) left top repeat-x; padding-top:1px; margin-top:2px ; width:445px; } /* .ls_service li .detail .title{padding-bottom:5px;} .ls_service li .detail .title a{font-family:Tahoma; font-size:11px; font-weight:bold; color:#018fc4; text-decoration:none;} .ls_service li .detail .title a:hover{text-decoration:underline;} */ /*update ngay 2009.09.01*/ .ls_service li .detail{width:365px; float:left; padding-left:5px; margin-top:2px;} .ls_service li .detail h1{padding-bottom:5px; } .ls_service li .detail h1 a{font-family:Tahoma; font-size:11px; font-weight:bold; color:#018fc4; text-decoration:none;} .ls_service li .detail h1 a:hover{text-decoration:underline;} .ls_service li .detail h2{padding-bottom:5px; } .ls_service li .detail h2 a{font-family:Tahoma; font-size:11px; font-weight:bold; color:#018fc4; text-decoration:none;} .ls_service li .detail h2 a:hover{text-decoration:underline;} .ls_service li .detail h3{padding-bottom:5px; } .ls_service li .detail h3 a{font-family:Tahoma; font-size:11px; font-weight:bold; color:#018fc4; text-decoration:none;} .ls_service li .detail h3 a:hover{text-decoration:underline;} Trong HTML thi em thay the 3 tieu de dich vu theo thu tu la h1 h2 va h3. /*end update ngay 2009.09.01*/ .w_445 .adv{width:445px; } .adv .fix_445x57{width:445px; height:57px;} .answer{width:217px; float:left; margin-right:6px; padding-top: 8px;} .answer .top_green{ font-size:11px; color:#fff; text-transform:uppercase; width:203px; height:20px; background:url(../images/top_green.gif) left top no-repeat; padding:5px 0 0 14px;} .answer .ls_answer{ width:207px; list-style-type:none; background:url(../images/ls_gray.gif) left top repeat-y; padding-left:10px; padding-bottom:8px;} .ls_answer li{padding:5px 0 0 10px; background:url(../images/ico_green.gif) left 10px no-repeat; line-height:16px;} .ls_answer li a{color:#000;text-decoration:none;} .ls_answer li a:hover{text-decoration:underline;} .answer .bot_gray{ width:217px; height:23px; background:url(../images/bot_gray.gif) left top no-repeat; position:relative;} .answer .bot_gray .view_all{position:absolute; right:10px; bottom:5px;} .view_all a{color:#fe9c22; text-decoration:none;} .view_all a:hover{text-decoration:underline;} .seo{width:217px; float:right;} .seo .top_green{ font-size:11px; color:#fff; text-transform:uppercase; width:203px; height:20px; background:url(../images/top_green.gif) left top no-repeat; padding:5px 0 0 14px; margin-top:8px;} .seo .ls_seo{ width:207px; list-style-type:none; background:url(../images/ls_gray.gif) left top repeat-y; padding-left:10px; padding-bottom:8px;} .ls_seo li{padding:5px 0 0 10px; background:url(../images/ico_green.gif) left 10px no-repeat; line-height:16px;} .ls_seo li a{color:#000;text-decoration:none;} .ls_seo li a:hover{text-decoration:underline;} .seo .bot_gray{ width:217px; height:23px; background:url(../images/bot_gray.gif) left top no-repeat; position:relative;} .seo .bot_gray .view_all{position:absolute; right:10px; bottom:5px;} .view_all a{color:#fe9c22; text-decoration:none;} .view_all a:hover{text-decoration:underline;} .w_445 .ls_db, .ls_db1{ list-style-type:none;} .ls_db1 li{width:145px; min-height:28px; _height:28px; float:left; padding-top:15px; margin-left:2px; } .ls_db1 li .ico_db_detail{ width:13px; margin-right:5px; float:left;} .detail_db1 a{color:#5d5d5d; text-decoration:none;} .detail_db1 a:hover{text-decoration:underline;} .w_445 .ls_db li{width:145px; min-height:90px; _height:90px; float:left; padding-top:15px; margin-left:2px; } .ls_db1 li .detail_db1{width:127px; float:left; color:#5d5d5d;} .ls_db li .ico_db{ width:28px; margin-right:5px; float:left;} .ico_db .fix28x32{width:28px; height:32px;} .ico_db .fix13x16{width:13px; height:16px;} .ls_db li .detail_db{width:107px; float:left; color:#5d5d5d;} .detail_db a{color:#5d5d5d; text-decoration:none;} .detail_db a:hover{text-decoration:underline;} .detail_db .t_db{ padding-bottom:8px;} .t_db a{font-weight:bold; color:#018fc4; text-decoration:none;} .t_db a:hover{text-decoration:underline;} .contact{ width:440px; padding-left:5px;} .contact a{color:#ab7c38;text-decoration:none;} .contact a:hover{text-decoration:underline;} .contact .btn_contact a{ float:left; color:#ab7c38; padding:4px 15px; text-decoration:none; margin-right:5px; text-decoration:none; background:#003399 ;border:1px solid #0066CC;} .contact .btn_contact a:hover{text-decoration:none; color:#fff;} .contact .form{ display:block; width:445px; padding-top:10px; list-style-type:none;} .contact .form li{ float:left;} .contact .form .col_title{ width:108px; padding-top:5px; font-weight:bold;} .contact .form .col_form{ width:305px; padding-top:5px;} .contact .form .col_form input{ float:left;} .contact .form .col_form textarea{ float:left;} .w_445 .list_news_detail{ width:432px; list-style-type:none; line-height:16px; padding:0 5px;} .list_news_detail a{font-weight:bold; color:#fec55c; text-decoration:none;} .list_news_detail a:hover{text-decoration:underline;} .list_news_detail li{ background:url(../images/line_news_bot.gif) left bottom repeat-x; padding:10px 0 20px 0;} .list_news_detail li .bor_list_news{width:111px; height:71px; float:left; margin-right:10px; _margin-right:7px;} .bor_list_news .fix_list_news{width:111px; height:71px;} .list_news_detail li .detail_more{ text-align:right; padding-right:20px;} .detail_more a{color:#087594; text-decoration:none; text-transform:none; font-weight:normal;} .detail_more a:hover{text-decoration:underline;} .cover_news_detail{width:432px;padding:0 5px 30px 5px; line-height:16px;} .cover_news_detail .t_cover_news_detail{font-size:14px; font-weight:bold; color:#087594; padding:15px 0;} .cover_news_detail .fix_news_detail{width:438px; height:304px; padding-bottom:15px;} .ls_news_others{ width:445px;} .ls_news_others li{ background:url(../images/ico_point.gif) left 11px no-repeat; padding:5px 0 0 15px;} .ls_news_others li a{ font-family:Tahoma; font-size:11px ;color:#31a6c6; cursor:pointer; border:none; text-decoration:none;} .ls_news_others li a:hover{ text-decoration:underline;} .cover_news_detail .cover_info{ width:435px;padding:15px 0; position:relative;} .cover_info .date_news{font-family:Tahoma; font-size:11px; color:#000; text-align: right; position:absolute; right:5px; top:10px;} .cover_info .email{position:absolute; left:5px; top:8px;} .tbl_comment{ width:430px; font-family:Arial; font-size:11px; text-align:center; color:#040404; border-collapse: collapse; margin:0 10px;} .tbl_comment tr, td{ height:20px; border-collapse: collapse;vertical-align:middle; text-align:left; padding:2px 3px; } .cover_info .ls_comment{ width:425px; padding:0 5px 0 15px;} .ls_comment li{padding:3px 0; list-style-type: decimal; margin-left:35px;} .ls_comment li a{font-size:12px; font-weight:normal; text-decoration:none; color:#fe7800;} .ls_comment li a:hover{text-decoration:underline;} .mid_main .info_db{width:400px; float:left; margin-left:15px;} .w_445 .tags{ width:400px; list-style-type:none; float:left; } .tags li{float:left; padding:5px 15px 2px 10px; } .content .w_200{ float:left;} .w_200 .top_news{ color:#fff; text-transform:uppercase; width:187px; height:20px; background:url(../images/top_news.gif) left top no-repeat; padding:5px 0 0 14px;} .w_200 .mid_news{width:201px; background:url(../images/mid_news.gif) left top repeat-y; padding:5px 0;} .w_200 .mid_news .news {width:201px; background:url(../images/line_dot_yellow.gif) center bottom no-repeat; padding-bottom:10px;} .w_200 .mid_news .news .left img { height:67px; width:68px; float:left; margin-right:5px; margin-left:3px;} .w_200 .mid_news .news .right { float:left; width:122px; text-align:justify; padding-right:3px;} .mid_news .news .right a{ color:#232323; font-weight:bold; text-decoration:none;} .mid_news .news .right a:hover{ text-decoration:underline;} .mid_news .ls_date{ width:195px;list-style-type:none; padding:0 3px;} .ls_date li{padding:3px 0 5px 0; background:url(../images/dot_gray.gif) center bottom no-repeat;} .ls_date li .ico_date{ height:13px; background:url(../images/ico_date.png) 5px top no-repeat; padding-left:25px; padding-bottom:5px; color:#ce9c2a;} .ls_date a{color:#000; text-decoration:none;} .ls_date a:hover{text-decoration:underline;} .bot_news{width:201px; height:26px; background:url(../images/bot_news.gif) left top no-repeat; position:relative;} .bot_news .view{position:absolute; right:10px; bottom:10px;} .view a{color:#fe9c22; text-decoration:none;} .view a:hover{text-decoration:underline;} .w_200 .top_list_db { width:201px; background: url(../images/line_soild_db.gif) left center repeat-x; float:left; } .top_list_db .t_db {font-family:Tahoma; font-size:11px; color:#000; text-transform:uppercase; padding:10px 10px 10px 5px; background:#fff; float:left; margin-left:5px;} .w_200 .db{width:201px; padding-bottom:10px; background: url(../images/line_soild_db.gif) left bottom no-repeat;} .db .fix_201x157{width:201px; height:157px;} .w_200 .bg_online{width:201px; height:70px; position:relative; background:url(../images/bg_online.gif) left top no-repeat; margin-top:8px;} .bg_online .post_online{position:absolute; right:40px; top:15px; text-align:center;} .post_online .txt_online{color:#53b616; font-weight:bold; padding-bottom:5px;} .post_online .num_online{color:#fe9820; font-weight:bold;} .w_200 .vote{ width:200px; list-style-type:none; background:#666666;} .question{ width:190px; font-weight:bold;} .chkRadio{ width:19px; font-size:0px; padding-top:5px; float:left;} .txt_answer{ width:170px; padding-top:5px;} .btn_orange{ float:right; padding:11px 15px 10px 0;} .btn_orange a{ float:left; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#fe7800; padding:3px 8px; margin-right:5px;} .content .w_300{ float:right; margin-top:-7px; position:relative; z-index:101;} .w_300 .bg_search{ width:300px; height:74px; background:url(../images/bg_search.jpg) left top no-repeat; position:relative;} .bg_search .post_input{ width:273px; position:absolute; left:27px; top:22px;} .post_input .input_search{width:179px; border:none; background:none; height:16px; margin-left:3px;} .post_input .btn_search{width:57px; border:none; background:none; color:#fff; font-weight:bold; height:18px; cursor:pointer; } .w_300 .ls_adv{ width:300px; list-style-type:none; padding:8px 0;} .ls_adv li{padding:0 0 5px 0;} /*.ls_adv li .fix_330x100{width:300px; height:100px;}*/ .ls_adv li .fix_330x320{width:300px; height:320px;}/*Thay doi kich thuoc 400*/ .w_300 .info_adv{width:290px; padding:0 5px;} /*Them doan css tieu de quang cao*/ .info_adv .txt_adv {color:#ab7c38; padding:5px 0;} .txt_adv a{color:#ab7c38; text-decoration:none; font-weight:bold;} .txt_adv a:hover{text-decoration:underline;} /*CSS support*/ .w_300 .support{ width:298px; border:1px solid #dedfde; background:#fff url(../images/line.gif) left top repeat-x; min-height:116px; _height:116px; position:relative; margin-top:10px;} /*Them vao css */ .w_300 .title_support , .title_adv {font-size:12px ; font-weight:bold; color:#212021; width:286px; height:23px; background:url(../images/title_support.gif) center top no-repeat; padding:8px 0 0 12px; margin-top:2px;} .title_adv { background:url(../images/bg_adv.gif) center top no-repeat; margin-top:5px;} .title_adv a{text-decoration:none; font-weight:bold;} .title_adv a:hover{text-decoration:underline;} .support .bg_sup{ width:84px; background:url(../images/bg_yahoo.gif) left 10px no-repeat; padding-bottom:10px;} .support .list_sup{ list-style-type:none; width:200px; line-height:16px; margin-left:90px; padding:15px 0;} .list_sup li{background:url(../images/ico_yahoo.gif) left 7px no-repeat; padding-left:20px; padding-top:2px;} .list_sup li a{font-size:11px; color:#ab7c38; text-decoration:underline;} .list_sup li a:hover{text-decoration:none;} /* CSS Footer */ .footer{ width:960px;background:url(../images/bg_footer.gif) left top no-repeat; height:50px; padding-top:10px; position:relative;} .footer .ls_nav{ list-style-type:none;} .ls_nav li{float:left; padding:10px 15px; background:url(../images/line_right.gif) right center no-repeat;} .footer a{color:#018fc4; text-decoration:none;} .footer a:hover{color:#fe9c22; text-decoration:none;} .footer .company{position:absolute; right:10px; top:20px; color:#4a4a4a;} /*TrinhNTT update 2009.09.03 DESC: update view all in title*/ .view_title a{color:#fff; text-decoration:none;} .view_title a:hover{text-decoration:underline;} .view_title_blue a{color: #018fc4; text-decoration:none;} .view_title_blue a:hover{text-decoration:underline;} .view_faq_detail {font-weight:bold; color:#fec55c;} /*end TrinhNTT update 2009.09.03*/ /*TrinhNTT update 2009.09.08 update radio poll*/ .padT_3{ padding-top:3px;} .w_170{width:170px;} /*end TrinhNTT update 2009.09.08 update radio poll*/ /*TrinhNTT update 2009.09.08 update CSS login*/ .w_300 .login{ width:298px; border:1px solid #dedfde; background:#fff url(../images/line.gif) left top repeat-x; min-height:116px; _height:116px; position:relative; margin-top:10px;} .w_300 .title_login{font-size:12px ; font-weight:bold; color:#212021; width:286px; height:32px; background:url(../images/title_login.gif) center top no-repeat; padding:15px 0 0 12px; margin-top:2px;} .w_65{width:65px;} .pad_login_2{ padding-top:2px;} .pad_login_5{padding-left:5px;} .floginLeft{ float:left;} .pad_login_3{ padding-top:1px;} .login h6{ padding-left:5px;font-size:11px; } .login li{ list-style-type:none; padding-left:5px;} .btn_orange_login{ float:left; padding:2px 15px 10px 0;} .btn_orange_login a{ float:left; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#fe7800; padding:3px 8px; margin-right:5px;} /*forget pass*/ .login_error h6{ font-size:11px;padding-top:10px;} .login_error ul{ width:445px; display:block; padding-top:10px; list-style-type:none;} .login_error li{float:left; width:445px; padding-top:5px;} /*end forget pass*/ .txt_red { color:#FF0000;} .title_rigister {font-size:14px; font-weight:bold; color:#087594; padding:15px 0;} /*.w_310{ width:302px; *width:304px; _width:304px;}*/ .h_30{ height:30px;} .w_100{ width:100px;} /*.list_news_detail a{font-weight:bold; color:#fec55c; text-decoration:none;} .list_news_detail a:hover{text-decoration:underline;} */ .w_445 .list_faqs_detail{ width:432px; list-style-type:none; line-height:16px; padding:0 5px;} .list_faqs_detail li{ background:url(../images/line_news_bot.gif) left bottom repeat-x; padding:10px 0 20px 0;} /*end TrinhNTT update 2009.09.08 update CSS login*/ /*TrinhNTT update 2009.10.13 Them doan code siler quang cao o day*/ .box_slider{ width:300px; height:420px; margin-top:5px;} .box_slider ul { list-style-type: none;} #slider3 {width:300px; height:420px; position: relative; overflow: hidden;} #slider3Content { position: absolute; top:0px; margin-left:0;} .slider3Image {float: left; position: relative; display: none; z-index:1} /*.slider3Image span { position: absolute; font-family:Tahoma; font-size:11px; font-weight:normal; padding:10px 5px 10px 5px; width:300px; background:#fff; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #000; display: none;}*/ /*end TrinhNTT update 2009.10.13 Them doan code siler quang cao o day*/