/* float clearing for IE6 */ * html .clearfix{ height: 1%; overflow: visible; } .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } img { behavior: url(../js/iepngfix.htc); border:none; } a { text-decoration:none; color:#404040; outline:none; } *{ margin:0px; padding:0px; } a:hover { color:#FFb141; } .clear { clear:both; } #top { width: 50px; height: 25px; position: fixed; bottom: 0px; right: 5px; text-indent: -99999px; cursor: pointer; background: url(../images/top.png) no-repeat 0 0; } h3.title{ display: block; font-weight: bold; margin: 1px; list-style: circle; padding: 12px 50px 4px 0px; margin: 3px 0px; font-size: 20px; color: #404040; background:url("../images/v2/line_bottom.png") repeat-x bottom center transparent; height: 20px; margin-bottom: 10px; text-align: left; } h2.title{ font-size: 20px; color: #404040; font-weight: bold; margin-bottom: 15px; padding: 5px 0px; background:url("../images/v2/line_bottom.png") repeat-x bottom center transparent; } /* End khai bao toan cuc css ======================================================== */ form.search { position: absolute; top: 20px; right: 70px; height: 24px; width: 205px; background: url("../images/v2/search_bg.png") no-repeat scroll 0 0 transparent; border: 0px; } form.search input.txt_search { border: none; float: left; font-size: 11px; text-indent: 10px; width: 171px; background: transparent; height: 24px; line-height: 24px; color: #888888!important; } form.search input.btn_search { background: url("../images/v2/search_btn.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 24px; width: 34px; } form.search input.btn_search:hover { background: url("../images/v2/search_btn_hover.png") no-repeat scroll 0 0 transparent; } body{ font-family: arial; font-size: 12px; color: #404040; background: url("../images/v2/bg.png") repeat; } #wrapper{ margin: 0 auto; width: 960px; -moz-box-shadow: 0px 1px 4px #ddd; -webkit-box-shadow: 0px 1px 4px #ddd; box-shadow: 0px 1px 4px #ddd; background: #fff; padding: 0px 10px; } .center{ width: 960px; margin: 0 auto; padding: 0px; } .header{ height: 145px; /*background: url("../images/v2/header_bg.png") repeat-x bottom center #fff;*/ position: relative; } .header .logo{ height: 79px; left: 10px; position: absolute; top: 20px; width: 600px; background: url("../images/logo_tecco.png") no-repeat top center #fff; } .header .clock{ position: absolute; right: 10px; top: 80px; font-size: 11px; } .header .lang{ position: absolute; top: 25px; right: 10px; } .header .lang a{ width: 22px; height: 16px; margin-left: 5px; float: left; cursor: pointer; } .header .top_nav{ position: absolute; top:110px; left: 0px; width: 100%; height: 35px; margin: 0 auto; background: url("../images/v2/sprite-2.png") repeat-x scroll 0 0 transparent; } .slider{ height: 325px; width: 100%; padding-top: 10px; background: #fff; } .slider .center{ height: 325px; background: url("../images/v2/slider_bg.png") repeat-x top center #0e5dac; width: 960px; position: relative; } .slider .center h1.slogan{ position: absolute; top: 30px; left: 40px; font-size: 20px; color: #fff; text-transform: uppercase; float: left; } .slider .center h1.slogan span{ font-size: 25px; float: left; } .slider .center .du_an_tieu_bieu{ width: 280px; position: absolute; top: 80px; right: 10px; } .slider .center .du_an_tieu_bieu h2{ color: #fff; font-size: 18px; margin-bottom: 10px; } .slider .center .du_an_tieu_bieu ul{ margin: 0px; padding: 0px; margin-top: 10px; } .slider .center .du_an_tieu_bieu ul li{ float: left; margin-right: 10px; margin-bottom: 5px; } .slider .center .du_an_tieu_bieu ul li img{ border: 2px solid #fff; width: 80px; } .main{ background: #fff; margin-bottom: 15px; } .main .sidebar{ background: url("../images/sidebar_bg_top.png") no-repeat top right transparent; float: right; width: 280px; padding-top: 10px; margin-right: 10px; } .main .sidebar .s-box{ padding: 10px; } .main .c-box{ float: left !important; width: 620px; margin-bottom: 20px; padding-right: 20px; margin-left: 10px; margin-top: 20px; background: url("../images/v2/right-content.png") no-repeat top right; } .main .c-box .content{ float: right; width: 620px; line-height: 22px; text-align: justify; } .main .content img{ max-width: 700px; overflow: hidden; } .main .c-box .content .c-box1{ width: 480px; float: left; margin-right: 10px; } .main .c-box .content .c-box2{ width: 200px; float: left; } .footer{ background: #0e5caa; clear: left; padding-bottom: 40px; color: #fff; } .footer .footer_left{ float:left; width:650px; padding-top: 20px; padding-left: 10px; } .footer .footer_right{ float:right; margin-right: 10px; } .footer .counter{ width:100%; margin-bottom:10px } .footer .counter span.title { color:#404040; display:inline; float:left; font-weight:bold; line-height:38px; margin: 0 0 0 -7px } .footer p{ color:#fff; } .footer p span{ color:#fff } .truy_cap_footer{ margin-top: 50px; } #footer_menu{ display:block; text-align:left; margin:0 0 15px -7px } #footer_menu li{ color:#e5e5e5; font-size:12px; display:inline; } #footer_menu li a{ color:#fff; font-size:12px; padding:0 7px; font-weight: bold; } #footer_menu li a:hover{ color:#ff0000 } #brand{ line-height:31px; overflow:hidden; width:100%; margin-top: 20px; } #brand span, #brand a { float: left; line-height: 25px; color: #fff; } #brand span { margin-right: 7px;color:#fff } #brand a { text-transform:capitalize } /* End content_container ======================================================== */ .seo_tag { color: #fff; font-size: 5px; height: 10px; overflow: hidden; } .seo_tag ul { margin: 0; } .seo_tag li { float: left; list-style: none outside none; padding-left: 2px; } .seo_tag li a { color: #fff; font-size: 5px; } .dropdown{ background: url("../images/v2/nut_lienket.png") no-repeat scroll 300px 10px #fefefe; margin-bottom: 0.6em; overflow: hidden; width: 100%; border: 1px solid #c3c3c3; border-bottom: 2px solid #c3c3c3; padding: 5px 0px; overflow: hidden; margin-top: 5px; } .lien_ket{ text-align: left; border: none; background: transparent!important; width: 345px; } .lien_ket option{ border: none; border-bottom: 1px dashed #ccc; text-indent: 15px; } #support { bottom: 0; font-size: 11px; position: fixed; right: 60px; text-align: left; width: 185px; z-index: 100; } #support h2 { background: #404040; border-radius: 8px 8px 0 0; color: #fff; cursor: pointer; font-size: 1em; height: 24px; line-height: 24px; padding: 0 15px; text-align: center; text-transform: uppercase; } #support .content { background-color: #F2F2F2; border: 1px solid #eaeaea; padding: 10px; } /* * FancyBox - jQuery Plugin * simple and fancy lightbox alternative * * Copyright (c) 2009 Janis Skarnelis * Examples and documentation at: http://fancybox.net * * Version: 1.2.6 (16/11/2009) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancybox/fancy_progress.png') no-repeat; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../images/fancybox/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../images/fancybox/fancy_right.png') no-repeat; } a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } #fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x; } div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat; } div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y; } div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat; } div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x; } div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat; } div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y; } div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat; } div#fancy_title { position: absolute; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x; }/* IE6 specific styles */ .extra-wrap {zoom:1;}#nav { float: left; height: 35px; width: 100%; } #nav ul { float: left; } #nav ul li { float: left; } #nav ul li { display: inline; float: left; list-style-type: none; } #nav ul li a { color: #FFFFFF; display: block; float: left; font-size: 16px; line-height: 35px; padding: 10px 34px 9px 34px; border-left: 1px solid #0280C9; border-right: 1px solid #005B9A; text-transform: uppercase; } #nav ul li a:hover, #nav li a.current { background: url("../images/v2/sprite-2_hover.png") repeat-x scroll 0 0 transparent; } #nav ul li { position: relative; z-index: 1000; } #nav ul ul { display: none; left: 0; position: absolute; top: 35px; width: 170px; z-index: 1000; } #nav ul li ul li { border: medium none; float: left; padding: 0; } #nav ul li ul.categorymenu li a { background: url("../images/v2/menu_sub_li.png") no-repeat scroll 5px 13px #3283D6; border-bottom: 1px solid #3f8fe1; float: left; font-size: 11px; line-height: 19px; padding: 7px 5px 7px 18px; text-transform: capitalize; width: 170px; z-index: 1000; } #nav ul li ul.categorymenu li a:hover { background-color: #176cc1; } #nav ul a.hover_rule { background: url("../images/v2/sprite-2_hover.png") repeat-x scroll 0 0 transparent; } #nav ul ul ul { top: auto; } #nav ul li ul ul { left: 190px; margin: 0 0 0 10px; } #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul { display: none; } #nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul { display: block; } /*end nav*/ /*phan trang */ .navigation { font-size:11px; clear: both; padding: 15px 0px 10px; text-align: right; cursor:default; font-weight:bold; color:#407e42; } .navigation .current_page_item, .navigation .page_item a { outline:none; margin:2px; padding:2px 6px; text-decoration:none; background:#493d1f; } .navigation .page_item a { color:#FFF; background-color:#0e5dac; border: 1px solid #1167bd; } .navigation .current_page_item, .navigation .page_item a:hover { color:#555555; background-color:#fff; border: 1px solid #E6E6E6; } /*end phan trang*/ #mask { position:absolute; left:0; top:0; bottom:0; z-index:10000; background-color:#000; display:none; } #boxes .window { position:absolute; left:0; top:0; display:none; z-index:99999; padding:10px; margin-top:0px; } #boxes #dialog { width:424px; margin: 5px; /*background-color:#ffffff;*/ }#slider1 { width: 650px; /* important to be same as image width */ height: 325px; /* important to be same as image height */ position: absolute; /* important */ overflow: hidden; top: 0px; left: 0px; } #slider1Content { position: absolute; top: 0; margin-left: 0; } .slider1Image { float: left; position: relative; display: none; } .slider1Image span { position: absolute; font: 12px; padding: 10px 10px 5px 10px; background-color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; color: #000; display: none; } .clear { clear: both; } .slider1Image span strong { font-size: 16px; text-transform: uppercase; padding-bottom: 10px; display: block; color: #eb0109; } .slider1Image img{ height: 325px; width: 650px; } .right { right: 0; bottom: 20px; width: 390px !important; } ul { list-style-type: none;}ul.tailieu, ul.tailieu li.item { list-style: none outside none; margin: 0; padding: 0; } ul.tailieu li.item { display: inline; margin-left: 10px; width: 40%; } .tpllist { background: url("../images/bg-box.png") repeat scroll left top transparent; border: 1px solid #4BBEDA; display: inline; float: left; margin: 5px; width: 279px; } .tpllist ul, .tpllist li { margin: 0; padding: 0; } .tplinfo { margin: 15px 30px 0 65px; } .tplinfo dt { font-size: 105%; font-weight: bold; } .tplinfo dt a { color: #0076B3; } .tplinfo dd { margin: 5px 0; text-indent: 0; } .tplinfo dd.desc { font-size: 90%; line-height: 1.6em; } .tplinfo dd.info { font-size: 85%; } .tplinfo dd.info img { vertical-align: middle; } .tplinfo dd.info img.imgdl { vertical-align: baseline; } .counterbox { background: url("../images/counterbox.gif") no-repeat scroll center top transparent; display: inline; float: left; height: 56px; margin: 15px; padding: 3px 0 0; width: 51px; } .counterbox ul, .counterbox li { list-style: none outside none; } .counter-num { color: #000000; font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; text-align: center; } .counter-txt { color: #000000; text-align: center; } .counter-type-pdf { background: url("../images/filetypes/icon_pdf.gif") no-repeat scroll 0 0 transparent; } .counter-type-doc { background: url("../images/filetypes/icon_doc.gif") no-repeat scroll 0 0 transparent; } .counter-type-docx { background: url("../images/filetypes/icon_doc.gif") no-repeat scroll 0 0 transparent; } .counter-type-xls { background: url("../images/filetypes/icon_xls.gif") no-repeat scroll 0 0 transparent; } .counter-type-xlsx { background: url("../images/filetypes/icon_xls.gif") no-repeat scroll 0 0 transparent; } .counter-type-ppt { background: url("../images/filetypes/icon_ppt.gif") no-repeat scroll 0 0 transparent; } .counter-type-pptx { background: url("../images/filetypes/icon_ppt.gif") no-repeat scroll 0 0 transparent; } .counter-type-rar { background: url("../images/filetypes/icon_rar.gif") no-repeat scroll 0 0 transparent; } .counter-type-zip { background: url("../images/filetypes/icon_zip.gif") no-repeat scroll 0 0 transparent; } .counter-type-waiting { background: url("../images/filetypes/icon_waiting.gif") no-repeat scroll 0 0 transparent; } .counter-type, .counter-type-approved { height: 11px; left: -3px; position: relative; text-indent: -2000em; top: 3px; width: 29px; z-index: 900; } dl.info { display: inline; float: left; margin: 10px 0; width: 300px; } dl.info img { vertical-align: middle; }.du_an { color: #000000; display: inline-block; font-size: 11px; padding-top: 5px; width: 190px; line-height: 16px; margin-right: 15px; margin-bottom: 15px; text-align: left!important; } .du_an .div_img { height: 200px; width: 190px; border: 3px solid #f2f2f2; position: relative; } .du_an .div_img:hover{ border: 3px solid #0E5CAA; } .du_an .div_img img{ height: 200px; width: 190px; top: 0px; left: 0px; } .du_an .div_img .title_da { display: block; font-weight: bold; position: absolute; bottom: 0px; left: 0px; background: url("../images/v2/bg_title_da.png")repeat; color: #fff; width: 180px; padding: 5px 5px; } .du_an .des_da { display: block; padding-top: 10px; } .du_an .des_da span{ font-weight: bold; } .du_an .xem_tiep_da { background: url("../images/v2/duan_xemtiep.png") no-repeat scroll right 4px transparent; float: right; padding-right: 15px; display: block; } .du_an .xem_tiep_da a { color: red; } .du_an .xem_tiep_da a:hover { color: blue; }/*xem them*/ a.home_xt{ float: right; display: block; font-size: 11px; background: url("../images/v2/bt-view.png") no-repeat scroll 0 0 transparent; color: #999999; display: block; height: 22px; line-height: 22px; text-indent: 9px; width: 69px; padding: 0px; font-size: 11px; } a.home_xt:hover{ background-position: 0 -22px; color: #FF0000; height: 22px; width: 69px; } /*thanh tich*/ .sv_next { position:absolute; z-index: 200; top:2px; right: 0px; cursor: pointer; background:url("../images/v2/tt_next.png") no-repeat transparent; width: 27px; height: 20px; } .sv_prev { position:absolute; z-index: 200; top:2px; right: 27px; cursor: pointer; background:url("../images/v2/tt_prev.png") no-repeat transparent; width: 27px; height: 20px; } .thanh_tich_dd{ width: 184px; border: 1px solid #dddddd; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 10px; background: #fff; } .thanh_tich_dd a img{ width: 184px; height: 130px; } .thanh_tich_dd a.ten_dh{ font-size: 11px; text-align: center!important; margin: 10px 0px; display: inline-table; line-height: 18px!important; }.wrapper_contact fieldset { border: medium none; display: inline; float: left; margin: 0 0 0 3px; padding: 3px 7px 7px; } .wrapper_contact input { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #DCDCDC; font-size: 11px; height: 20px; padding: 3px 5px 3px 30px; width: 255px; } .wrapper_contact input.name, .wrapper_contact input.phone, .wrapper_contact input.email, .wrapper_contact input.address, .wrapper_contact input.subject { background-position: 8px 5px; background-repeat: no-repeat; } .wrapper_contact input.name { background-image: url("../images/icon/name.gif"); } .wrapper_contact input.phone { background-image: url("../images/icon/phone.gif"); } .wrapper_contact input.email { background-image: url("../images/icon/email.gif"); } .wrapper_contact input.address { background-image: url("../images/icon/address.gif"); } .wrapper_contact input.subject { background-image: url("../images/icon/subject.gif"); width: 564px; } .wrapper_contact textarea { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #DCDCDC; display: inline; float: left; font-size: 11px; height: 107px; overflow: auto; padding: 5px; width: 588px; } .wrapper_contact input:hover, .wrapper_contact input:focus, .wrapper_contact textarea:hover, .wrapper_contact textarea:focus { border: 1px solid #9D9D9D; } .wrapper_contact label { display: block; margin: 0 5px 0 0; padding: 4px; } .wrapper_contact .error { background-color: #E05721; border: 1px solid #BE3E23; color: #FFFFFF; padding: 10px; } .form_lien_he{ width: 620px; margin: 0 auto; } .form_lien_he input.btn_submit { background: url("../images/v2/btn_send.png") no-repeat scroll 0 0 #003a89; border-style: none; color: #fff; cursor: pointer; float: left; height: 33px; width: 80px; line-height: 34px; padding: 0 15px; } .form_lien_he input.btn_submit:hover { background: url("../images/v2/btn_send_hover.png") no-repeat scroll 0 0 #d83439; color: #fff; border: none; } .form_lien_he input.btn_reset { background: url("../images/btn_reset.png") no-repeat scroll 0 -2px #a1a1a1; border-style: none; color: #FFFFFF; cursor: pointer; float: left; height: 33px; line-height: 34px; padding: 0 15px; width: 90px; } .form_lien_he input.btn_reset:hover { background: url("../images/btn_reset_hover.png") no-repeat scroll 0 -2px #c8c8c8; border: none; } ul.wd-left-nav { background: #0E5CAA; list-style: none outside none; } ul.wd-left-nav li { background: url("../images/v2/line-border.png") no-repeat scroll center top transparent; overflow: hidden; } ul.wd-left-nav li:first-child { background: none repeat scroll 0 0 transparent; } ul.wd-left-nav li a { display: block; padding: 6px 0 7px; } ul.wd-left-nav li a.current, ul.wd-left-nav li a:hover { background: url("../images/v2/bg-nav-left.png") repeat scroll 0 0 transparent; } ul.wd-left-nav li a.wd-lifr:hover { border-top-left-radius: 5px; border-top-right-radius: 5px; } ul.wd-left-nav li a.wd-lila:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ul.wd-left-nav li a span { background: url("../images/v2/arrow-right.png") no-repeat scroll 19px 3px transparent; color: #FFFFFF; display: block; padding: 0 0 0 41px; } .tong_cong { border-bottom: 1px dashed #EAEAEA; height: 25px; line-height: 25px; margin-bottom: 20px; margin-top: 6px; } p.title_tc { float: left; margin: 0; padding: 0; } p.title_tc b { color: #e5141d; } .select_sp { border: 1px solid #EAEAEA; color: #848484; float: right; } .select_sp option { padding: 0 10px; } .sanpham { border: 1px dotted #EDEDED; float: left; font-family: tahoma; font-size: 11px; margin-bottom: 5px; margin-right: 5px; overflow: hidden; text-align: center; width: 167px; } .sanpham img { border: 1px solid #C1C1C1; height: 100px; margin-top: 8px; padding: 4px; width: 150px; } .sanpham span.gia { background: url("../images/price.png") no-repeat scroll left center transparent; color: #FFFFFF; display: inline-block; font-weight: bold; height: 20px; margin-top: 5px; width: 113px; } .sanpham a.ten { color: #e5141d; display: inline-block; font-weight: bold; height: 18px; margin-bottom: 4px; margin-top: 4px; overflow: hidden; } .sanpham a.ten:hover { text-decoration: underline; } .sanpham span.mota { color: #515151; height: 50px; line-height: 13px; overflow: hidden; text-align: justify !important; } .sanpham div.box { border: 1px solid #E8E8E8; margin: 5px; padding: 5px 2px; } .sanpham div.box a.dathang { background: none repeat scroll 0 0 #707070; color: #FFFFFF; display: inline-block; font-weight: bold; padding: 3px 12px; } .sanpham div.box a.dathang:hover { background: none repeat scroll 0 0 #ea2028; } .sanpham div.box a.chitiet { background: url("../images/sp_chitiet.png") no-repeat scroll 10px 3px transparent; color: #000000; display: inline-block; height: 20px; padding-left: 12px; padding-top: 3px; width: 55px; } .sanpham div.box a.chitiet:hover { color: #ea2028; }.tin_muc_tin{ font-size: 12px; } .tin_muc_tin .hinh_home_tin { float: left; height: 90px; width: 95px; margin-right: 3px; } .tin_muc_tin .hinh_home_tin img { border: 2px solid #fff; } .tin_muc_tin .title_tin_chitiet, .title_tin_chitiet a { font-weight: bold; margin-bottom: 5px; } .tin_muc_tin .title_tin_chitiet a:hover { color: #bc0309; text-decoration: underline; } .tin_muc_tin .ngay_dang{ font-size: 12px; color: #5a5959; } .tin_muc_tin .xem_them{ font-size: 11px; display: block; background: url("../images/v2/xem_them.png") no-repeat scroll 0px 4px; text-indent: 10px; color: #dd1114; margin-top: 10px; float: right; text-indent: 10px; width: 65px; } .tin_muc_tin .xem_them:hover{ text-decoration: underline; } .tin_tuc { float: left; margin: 0; padding: 0; } .tin_tuc .space { padding-left: 10px; } .tin_tuc .title{ color: #0e5dac; font-weight: bold; line-height: 26px; margin-left: 10px; } .tin_tuc .title:hover { color: #3366FF; } .tin_tuc .tin_content { float: left; } .tin_tuc .tin_content .hinh { float: left; height: 125px; width: 125px; } .tin_tuc .tin_content .hinh img { border: 4px solid #CCCCCC; height: 115px; width: 116px; } .tin_tuc .tin_content .desc { float: left; height: 125px; line-height: 16px; padding-left: 8px; width: 465px; } .tin_tuc .more { color: #969696; float: left; line-height: 20px; position: relative; width: 465px; margin-top: 15px; } .tin_tuc .more b { color: #424242; } .tin_tuc .more a { padding-left: 12px; position: absolute; right: 3px; } .tin_tuc .more a:hover { background: url("/images/not3.png") no-repeat scroll left center transparent; color: #3366FF; } h4.tieu_de_bai_viet{ font-size: 16px; } .sub_11px{ font-size: 11px; } .sub_11px span{ font-weight: bold; } .nd_bai_viet{ margin-top: 20px; line-height: 20px; } .nd_bai_viet img{ max-width: 700px; overflow: hidden; } .quay_ve { background: url("../images/quay-ve-bg.png") no-repeat scroll right center transparent; height: 21px; width: 100%; } .quay_ve a { background: url("../images/quay-ve.png") repeat scroll 0 0 transparent; color: #7E7575; display: block; float: right; font-size: 11px; height: 21px; line-height: 21px; text-align: center; width: 60px; } .quay_ve a:hover { background-position: center bottom; } .co_dong{ float: left; margin: 0px; padding: 0px; border-bottom: 1px dashed #e0e0e0; width: 600px; margin-bottom: 15px; } .co_dong .cd_title{ font-weight: bold; } .co_dong .cd_desc { float: left; height: 125px; line-height: 16px; padding-left: 8px; width: 465px; } .co_dong .cd_more { color: #969696; float: left; line-height: 20px; position: relative; width: 580px; margin-bottom: 5px; font-size: 11px; } .co_dong .cd_more b { color: #424242; } .co_dong .cd_more a { color: #C70000; padding-left: 12px; position: absolute; right: 3px; } .co_dong .cd_more a:hover { background: url("../images/not3.png") no-repeat scroll left center transparent; color: #3366FF; } a.wd-button-down { background: url("../images/v2/download.png") no-repeat scroll 0px 0px transparent; display: block; height: 21px; margin-left: 12px; text-indent: -1988em; width: 25px; float: left; } a.wd-button-down:hover { background-position: -25px 0px; }