@charset "utf-8";
/* CSS Document */

#register{
    border: 1px #dddddd solid;
    padding: 10px 5px 30px 5px;
    background: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 0px;
    height: 400px;

}
ul.aboutsv li img.imgsv {
float: left;
width: 30px;
height: 25px;
background: url(../images/imgolo.gif) no-repeat;
margin: 0px 15px 0 10px;
display: inline;
}
ul.aboutsv li img.sv1 {
background-position: 0px -490px;
}

ul.aboutsv li span.info {
float: left;
width: 395px;
}
ul.aboutsv li img.sv2 {
background-position: -31px -490px;
}
ul.aboutsv li img.sv3 {
background-position: -62px -490px;
}
ul.aboutsv li img.sv4 {
background-position: -93px -490px;
}
ul.aboutsv li {
float: left;
width: 100%;
margin-top: 5px;
font-size: 12px;
line-height: 18px;
}

ul.formreg {
float: left;
width: 100%;
margin: 38px 0 0 0;
padding-bottom: 35px;
}
ul.formreg li span.left {
float: left;
width: 92px;
margin-left: 10px;
display: inline;
line-height: 22px;
font-size: 11px;
}
ul.formreg li span.right {
float: left;
width: 65%;
font-size: 11px;
line-height: 14px;
}
ul.formreg li span.right input.text, ul.formpass li span.right input.text {
float: left;
background: #FFF url(../images/dota.gif) repeat-x top center;
border: 1px #d2d2d2 solid;
border-top: 1px #aeaeae solid;
padding: 3px;
margin-left: 0;
height: 15px;
margin: 5px;
font-size: 11px;
}


#register_right h2 {
float: left;
font-size: 18px;
font-weight: bold;
color: #ff8a01;
}

/*Lef right*/
#register_left{
    float: left;
    width: 450px;
    margin: 15px 0 0 28px;
    display: inline;
}
#register_right {
float: left;
width: 370px;
margin: 15px 10px 0 50px;
display: inline;
background: #f5f5f5;
padding: 10px 0 10px 30px;
}

span.ttlogin {
float: left;
width: 100%;
border-bottom: 1px #dddddd dotted;
padding-bottom: 8px;
font-size: 16px;
font-weight: bold;
color: #ff8a01;
}
span.ttlogin h2 {
float: left;
width: 80%;
font-size: 20px;
font-weight: bold;
color: #305B83;
padding-left: 75px;
}

/*Button dang nhap*/
.btnsubmit {
background: url(../images/bg1px.gif) repeat-x;
background-position: 0px 0px;
padding: 3px 14px 6px 14px;
color: #FFF;
font-weight: bold;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
-moz-box-shadow: 1px 0px 1px #555;
-webkit-box-shadow: 1px 0px 1px #555;
}
ul.aboutsv li b {
padding-right: 15px;
}

body {background: #f7f7f7 url(../images/background.png);font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #3c3c3c;margin: 0px;padding: 0px;}
#wrapper {
    width: 960px;
    margin: 0 auto;
}
a {color: #3c74a5; text-decoration:none; outline:none;}
a:hover {color: #264968;}
* {margin:0;padding:0;}
input{ height: 30px; border: 1px solid #dadada; background:#f8f8f8 url(../images/sprites.png) 0 -210px repeat-x; line-height: 1em; font-size: 12px; font-family: tahoma, Helvetica, sans-serif; color: #4c4c4c}
textarea {
    font-family: Tahoma, Geneva, sans-serif;
    padding: 5px;
    font-size: 1.1em;
    color: #666666;
    width: 96%;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    box-shadow: inset 1px 1px 4px 0 rgba(220, 220, 220, 1);
    -moz-box-shadow: inset 1px 1px 4px 0 rgba(220, 220, 220, 1);
    -webkit-box-shadow: inset 1px 1px 4px 0 rgba(220, 220, 220, 1);
}
select{ cursor: pointer; border-radius: 3px; background:#fff; height: 30px; line-height: 30px; border: 1px solid #004771; padding: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
select>option{ padding: 5px 5px 5px 10px; border-bottom: 1px dotted #ccc;}
ul, li{list-style: none;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
.head_1 h1 {
    text-indent: -9999px;
    position: absolute;
    font-size: 0px;
}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb5 {margin-bottom: 5px;}
.mr10{ margin-right: 10px;}
.dlb{ display: block;}
.dib{ display: inline-block;}
.fll{ float: left;}
.flr{ float: right;}
.clr {clear: both;}
.time{ color: #999; margin-top: 5px;}
.effect{transition: all 0.5s ease 0s;}
.content {padding: 5px 10px 10px 10px;}
.sprites{ background-image: url(../images/sprites.png); display: inline-block; }
.icon_about, .icon_kygui, .icon_navhotline{ background-position: -60px -238px; width: 20px; height: 22px; vertical-align: middle;}
.icon_kygui{ background-position: -80px -238px;}
.icon_navhotline{ background-position: -100px -240px;}
.icon_top{ width: 20px; height: 20px; display: inline-block; float: left; margin-left: 10px; background-repeat: no-repeat; opacity: 0.5;}
.icon_top:hover{ opacity: 1; transition: all 0.3s ease 0s;}
.icon_top_fb{ background-position: 0 0;}
.icon_top_tw{ background-position: -30px 0;}
.icon_top_gg{ background-position: -60px 0;}
.icon_top_in{ background-position: -90px 0;}
.icon_top_rss{ background-position: -120px 0;}
.btns, .btns_alt{ border: none; cursor: pointer; border-radius: 3px; display: inline-block; background: #FFA200; color: #fff !important; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 0 12px; height: 30px; line-height: 30px;}
.btns_alt{ background: #3c74a5;}
.btns:hover{ background: #FF8000; transition: all 0.3s ease 0s;}
.btns_alt:hover{ background: #305B83; transition: all 0.3s ease 0s;}
#footer .f_brand .content, #footer .f_main .content, #topbar_content,#header_content, #navbar_content, #main_content{ width: 960px; margin: 0 auto; position: relative;}
#block_part, #block_featured, #block_news{ margin-top: 10px;}
/* topbar */
#topbar{ width: 100%; height: 28px; background: #19212c; line-height: 28px; position: relative; z-index: 2; color: #7a8596;}
#topbar #topbar_right{ float: right; text-align: right; margin-top: 4px; max-height: 20px; min-width: 177px}
#topbar #topbar_left{ float: left; text-align:  left;}
/* header */
#header{ height: 93px; background-position: 0 -20px; border-top: 1px solid #3E4C61; background-repeat: repeat-x; width: 100%; z-index: 1; position: relative;}
#beta{ width: 48px; height: 48px; display: inline-block; position: absolute; top: 0; left:0; background-position: 0 -30px; background-repeat: no-repeat;}
#header #header_content #logo{ width: 200px; height: 75px; display: inline-block; background: url(../images/logo.png) 0 0 no-repeat; position: absolute; top: 8px; left: 0px;}
#header #header_content #topmenu{ position: absolute; top: 0; left: 225px;}
#header #header_content #topmenu ul li{ float: left; line-height: 93px; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
#header #header_content #topmenu ul li a{ cursor: pointer; width: 120px; height: 93px; display: inline-block; text-align: center; color: #9fb0cc;}
#header #header_content #topmenu ul li a:hover{ transition: all 0.3s ease 0s; color: #fff;}
#header #header_content #topmenu ul li .active{ background: url(../images/sprites.png) 0 -114px repeat-x; color: #fff; border-top: 1px solid #2B3646; border-bottom: 4px solid #ffa200; margin-bottom: -4px; margin-top: -1px;}
/* navbar */
#navbar{ width: 100%; height: 44px; background: #fff; box-shadow: 0 0 10px #ddd;}
#navbar #navbar_content{}
#navbar #navbar_content #navbtn{position: absolute; top: 6px; left: 0;}
#navbar #navbar_content #navbtn a{ margin-right: 8px; float: left;}
#navbar #navbar_content #navbtn a>span{ margin-right: 3px;}
#navbar #navbar_content #navbtn .nav_hotline{ float: left; margin-left: 20px; line-height: 32px; color: #264968; font-size: 12px; cursor: default;}
#navbar #navbar_content #topsearch{ position: absolute; top: 0; right: 0px; display: inline-block; margin-top: 6px;}
#navbar #navbar_content #topsearch .ts_input{ float: left; position: relative; width: 230px; height: 30px; border-radius: 30px; padding: 0 30px 0 20px;}
#navbar #navbar_content #topsearch .ts_input:focus{ border: 1px solid #3C74A4; background: #fff; box-shadow: 0 0 5px #eee;}
#navbar #navbar_content #topsearch .ts_submit{ float: left; background: url(../images/sprites.png) -3px -243px; background-color: transparent; margin: 4px 0 0 -28px; position: relative;  cursor: pointer; width: 24px; height: 24px; display: inline-block; text-indent: -999em; border: none;}
#navbar #navbar_content #topsearch .ts_submit:hover, #navbar #navbar_content #topsearch .ts_submit:focus{ box-shadow: none; background-position: -33px -243px;}
/* main */
#main{ min-height: 400px; padding-top: 20px;}
#main #main_content{}
#main #main_content #block_stick{ height: 250px;}
#main #main_content #block_stick #bs_slide{ float: left; width: 650px; margin-right: 10px; overflow: hidden;}
#main #main_content #block_stick #bs_ads{ float: right; width: 300px; overflow: hidden;}
#main #main_content #block_stick #bs_ads img{ width: 300px; height: 120px;}
#main #main_content #block_tools{ margin-top: 10px;}
#bt_filter{ width: 620px; background: #305B83; height: 30px; padding: 15px; float: left; margin-right: 10px;}
#bt_filter select{ float: left; margin-right: 15px; width: 118px;}
#bt_filter input.btns{ border: none; cursor: pointer;}
#bt_support{ width: 300px; float: right; height: 60px; background: #fff;}
#bt_support #bts_hotline{ float: left; width: 200px; border: 1px solid #eee; height: 58px;}
#bt_support #bts_hotline span.icon_phone{ cursor: default; margin-left: 15px; margin-top: 10px; padding-top: 4px; line-height: 1em; padding-left: 55px; height: 35px; background-position: -100px -260px; background-repeat: no-repeat; display: inline-block;}
#bt_support #bts_hotline span.icon_phone p{ color: #e80101; font-weight: bold; font-size: 16px; line-height: 1em;}
#bt_support #bts_social{width: 48px; border: 1px solid #eee; height: 58px; text-align: center; margin-left: -1px; float: left}
#bt_support #bts_social a{ margin-top: 17px;}
.icon_yahoo, .icon_skype{ width: 24px; height: 24px; display: inline-block; background-position: -3px -270px;}
.icon_skype{ background-position: -33px -270px;}

#mc-left{ width: 650px; margin-right: 10px; float: left;}
#mc-right{ width: 300px; float: left;}
.blank-right{ border: 1px solid #eee; border-top: 3px solid #00598E; background: #fff; display: inline-block; width: 298px; margin-bottom: 10px;}
.blank-left{ border: 1px solid #eee; border-top: 3px solid #00598E; background: #fff; display: inline-block; width: 648px; margin-bottom: 10px;}
.blank-left .content>ul.list-add{}
.blank-left .content>ul.list-add>li{ width: 90px; height: 30px; line-height: 30px; float: left; text-align: center; margin: 5px 5px; border: 1px solid #3C74A5; border-radius: 5px;}
.blank-left .content>ul.list-add>li.active{background: #3C74A5; border-radius: 5px; text-align: center; border: 1px solid #3C74A5;}
.blank-left .content>ul.list-add>li.active>a{ color: #fff;}
.blank-left .content>ul.list-add>li>a{ padding: 0 0px;}
.quick-filter{ height: 180px; margin-bottom: 10px; background: #fff; border: 1px solid #eee; border-top: 3px solid #3C74A5; display: inline-block; width: 298px;}
.quick-filter h2{ height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3C74A5;}
.quick-filter .content{ width: 288px; padding: 10px 0;}
.quick-filter .content>select{ margin-left: 10px; width: 132px; float: left; margin-bottom: 10px; border: 1px solid #ddd; background: #f9f9f9;}
.quick-filter .content>input.btns{ margin-left: 110px; margin-top: 5px;}
#mc-right #bt_support{ margin-bottom: 10px;}
ul.news-right{ padding: 0 10px 10px;}
ul.news-right li{ border-bottom: 1px dotted #eee; padding: 10px 0; clear: both; overflow: hidden;}
ul.news-right li>a>img.thumb{ width: 80px; height: 55px; margin-right: 10px; float: left;}
ul.news-right li>a{ color: #333; font-size: 12px; font-weight: bold;}

.cate-featured{ height: 320px;}
.cate-featured .cf-top{ width: 274px; border-right: 1px solid #eee; float: left; height: 320px; overflow: hidden; }
.cate-featured .cf-top>a>img.thumb{ width: 258px; height: 184px; display: block;margin-left: -1px; margin-right: -1px; padding: 10px 10px 0px;}
.cate-featured .cf-top>.content>a>h2{ font-size: 14px;}
.cate-featured .cf-top>.content>p{ margin-top: 7px; font-size: 12px;}
.cate-featured .cf-top>.content>p>span{ width: 80px; display: inline-block;}
.cate-featured .cf-right{width: 372px; float: left;}
.cate-featured .cf-right .cfr-li{ height: 86px; border-bottom: 1px solid #eee; padding: 10px 20px 10px 10px; position: relative;}
.cate-featured .cf-right .cfr-li .bul_thumb img{ width: 126px; height: 84px; border-radius: 3px; border:1px solid #eee}
.cate-featured .cf-right .cfr-li .bul_info{ width: 204px; height: 84px; overflow: hidden;}
.cate-featured .cf-right .cfr-li .bul_info h1{ font-size: 13px;}


/* featured */
#block_featured .blf_space{ margin-right: 10px;}
#block_featured .blf_space img{ max-width: 630px;}
#block_featured .blf_part{ width: 473px; height: 450px; float: left; border: 1px solid #eee; background: #fff; border-top: 3px solid #00598e;}
.bl_bar{ height: 40px; width: 100%; border-bottom: 1px solid #eee; background: url(../images/sprites.png) 0 -460px repeat-x;}
.bl_bar span.blfp_title, .bl_bar div.blf_crumb>a{ color: #3c74a5; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 40px; height: 40px; padding: 0 10px; display: inline-block;}
.bl_bar span.blfp_title h1 { font-size: 14px;}
.bl_bar span.blfp_title span.result{ color: #FFA200;}
.bl_bar .flr>div#v_share{ cursor: pointer; padding: 5px 10px; background: #fff; border-bottom: 2px solid #ccc; border-radius: 3px; margin-top: 7px; margin-right: 10px; display: inline-block;}
.bl_bar div.blf_crumb{ width: 400px; padding-left: 10px;}

.bl_bar div.blf_crumb li{float: left;}
.bl_bar div.blf_crumb> li> a {color: #3c74a5; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 40px; height: 40px; padding: 0 5px; display: inline-block;}
.bl_bar div.blf_crumb span.divider{ content: ""; display: inline-block; width: 6px; height: 11px; background: url(../images/crumb.png) no-repeat;}

/*.bl_bar div.blf_crumb>a:after{ content: ""; display: inline-block; width: 6px; height: 11px; background: url(../images/crumb.png) no-repeat; margin-left: 5px; margin-right: 3px;}*/
.bl_bar div.blf_crumb>span.blf_text{ font-size: 12px; margin-left: 5x;}
.bl_bar div.flr>div#v_share{ position: relative;}
.bl_bar div.flr>div#v_share>div.v_share_panel{ display: none; cursor: default; width: 150px; position: absolute; top: 24px; right: 0; background: #fff; border-radius: 3px; box-shadow: 0 0 10px #ccc; z-index: 30;}
.bl_bar div.flr>div#v_share>div.v_share_panel>dl>dt{ padding: 10px; border-bottom: 1px dotted #eee; margin-bottom: -1px;}
.bl_bar div.flr>div#v_share:hover>div.v_share_panel{ display: inline-block;}
span.icon_maps{ background: url(../images/icon_maps.png) left no-repeat; padding-left: 20px !important; margin-left: 10px;}
.bl_bar .bl-ul {width: 530px; display: inline-block; float: right;}
.bl_bar .bl-ul ul.idTabs{}
.bl_bar .bl-ul ul.idTabs>li{float: left;}
.bl_bar .bl-ul ul.idTabs>li>a{height: 40px; padding: 0 7px; margin: 0 6px;display: inline-block; line-height: 40px; font-weight: bold; font-size: 12px;}
.bl_bar .bl-ul ul.idTabs>li>a.selected{ color: #FFA200; background: url(../images/bar-tab.png) 0 -41px repeat-x; height: 41px; position: relative;}
.bl_bar .bl-ul ul.idTabs>li>a.selected:before{ background: url(../images/bar-tab.png) 0 0 no-repeat; width: 5px; height: 41px; content: ""; display: block; position: absolute; top: 0px; left: -5px;}
.bl_bar .bl-ul ul.idTabs>li>a.selected:after{ background: url(../images/bar-tab.png) 0 -82px no-repeat; width: 5px; height: 41px; content: ""; display: block; position: absolute; top: 0px; right: -5px;}
.bl_bar a.blfp_more, .bl_bar a.blfp_sign{ float: right; margin-right: 10px; line-height: 40px; color: #333 !important; padding-left: 10px; background: url(../images/arrow.png) center left no-repeat;}
.bl_bar a.blfp_sign{ background: url(../images/sign.png) center left no-repeat; padding-left: 16px;}
.bl_desc{ height: 36px; line-height: 36px; width: 100%;font-size: 13px; font-weight: bold; margin-left: 10px; 
          /*margin-top: 10px\9;*/
}
.bl_desc .blfpd_content {padding: 0 5px;}
.bl_desc .blfpd_content > ul.idTabs{padding-top: 8px\9;}
.bl_desc .blfpd_content h2{font-size: 13px;}
.bl_desc ul.idTabsl{}
.bl_desc ul.idTabs>li{ float: left;}
.bl_desc ul.idTabs>li a{color: #333; margin-right: 10px; display: inline-block; text-align: center; padding: 3px 18px;; height: 20px; line-height: 20px;}
.bl_desc ul.idTabs>li .selected{ background: #FFA200; border-radius: 20px; color: #fff;}
.bl_tags{ padding: 10px; border-top: 1px solid #eee; margin-top: 10px;}
.bl_tags strong { margin-right: 5px;}
.bl_tags h3 { font-size: 11px; margin-right: 5px;}
#block_featured .blf_part{ width: 473px; height: 455px; float: left; border: 1px solid #eee; background: #fff; border-top: 3px solid #00598e;}
#block_featured .blf_part ul#blfp_ul>li{ position: relative; padding: 10px; border-top: 1px solid #eee;}
#block_featured .blf_part ul#blfp_ul>li:hover{ background: #fcfcfc;}
.bul_tag{ width: 40px; height: 40px; display: inline-block; background: url(../images/sprites.png) -60px -260px; position: absolute; top: -1px; right: 0px;}
#block_featured .blf_part ul#blfp_ul>li .bul_thumb{ float: left; margin-right: 10px;}
#block_featured .blf_part ul#blfp_ul>li .bul_info{ float: left;}
#block_featured .blf_part ul#blfp_ul>li .bul_info h1{ font-size: 14px; margin-bottom: 3px;}
#block_featured .blf_part ul#blfp_ul>li .bul_info p{ margin-bottom: 4px; font-family: Tahoma, Geneva, sans-serif;}
#block_featured .blf_part ul#blfp_ul>li .bul_info p span{ width: 80px; display: inline-block;}
.blfp_unavail{ height: 30px; line-height: 30px; text-align: center; border-top: 1px solid #eee; font-size: 12px;}
#block_featured #blf_mod{ margin-top: 10px;}
#block_featured #blf_mod .blfm_li{ position: relative; width: 473px; height: 112px; border: 1px solid #303f52; display: inline-block; float: left; background: #303f52 url(../images/blfm.jpg) 0 -112px no-repeat;}
#block_featured #blf_mod .blf_space{ background-position: 0 0 ;}
#block_featured #blf_mod .blfm_li .content{ position: absolute; top: 10px; left: 245px; width: 220px; padding: 0;}
#block_featured #blf_mod .blfm_li .content a{color: #fff; font-size: 13px;}
#block_featured #blf_mod .blfm_li .content p{ height: 22px; line-height: 22px; padding-left: 15px; background: url(../images/arrow2.png) center left no-repeat;}
/* ads */
.ads_300{ width: 300px;}
.ads_300x250{ width: 300px; height: 250px; margin-bottom: 7px;}
.ads_300x40{ width: 300px; height: 40px; margin-bottom: 7px;}
.ads_650x120{ width: 650px; height: 120px; margin-top: 10px;}
.ads_650{ width: 650px; margin-bottom: 10px;}

.view_bds .content{ display: inline-block; position: relative;}
.view_bds .fll{ width: 276px; margin-right: 10px; overflow: hidden;}
.view_bds .fll .thumb_big{ margin-bottom: 10px;}
.view_bds .fll .thumb_big img{ width: 276px; height: 184px;}
.view_bds .fll .thumb_small{ width: 285px; overflow: hidden;}
.view_bds .fll .thumb_small>a{ float: left;}
.view_bds .fll .thumb_small>a>img{ width: 88px; height: 60px; margin-right: 7px;}
.view_bds .bul_info{ height: 184px; font-size: 12px; width: 340px; float: none; margin-bottom: 10px;}
.view_bds .bul_info p>span{ width: 90px; display: inline-block}
.view_bds .bul_info p{ margin-bottom: 5px;}
.view_bds .bul_info > h1{ font-size: 16px;}
.view_bds .bul_info .stars{ margin: 5px 0;}
.view_bds .bul_contact{ width: 318px; height: 48px; padding: 5px 10px; border: 1px solid #eee; background: #fafafa; display: inline-block; font-size: 12px; font-weight: bold;}
.view_bds .bul_contact strong{ color: #F30; font-weight: bold;}
.view_bds .bul_contact span{ width: 110px; display: inline-block; font-weight: normal;}
/* Block part */
#block_part #bp_list, #block_news #bn_list, #block_news #bn_right{ width: 648px; margin-right: 10px; float: left; border: 1px solid #eee; background: #fff; border-top: 3px solid #00598e;}
#block_part #bp_list .bl_desc ul.idTabs > li a{ margin-right: 23px;}
#block_part #bp_list .bpl_result{ background: url(../images/bpl.png) repeat;}
#block_part #bp_list .bpl_result ul>li{ clear: both; height: 29px; line-height: 29px; padding: 0 10px 0 21px; background: url(../images/arrow3.png) center left no-repeat; margin-left: 10px;}
#block_part #bp_list .bpl_result ul>li a{height: 29px; float: left; overflow: hidden;}
#block_part #bp_list .bpl_result ul>li h1{ font-size: 12px; font-weight: normal; display: inline-block; width: 285px; }
#block_part #bp_list .bpl_result ul>li span{line-height: 29px; height: 29px; display: inline-block; float: left;}
#block_part #bp_list .bpl_result ul>li span.title{ display: inline-block; min-width: 350px;}
#block_part #bp_list .bpl_result ul>li span.loai{ display: inline-block; width: 70px;}
#block_part #bp_list .bpl_result ul>li span.dist{ display: inline-block; width: 100px; }
#block_part #bp_list .bpl_result ul>li span.price{ display: inline-block; font-weight: bold}
#block_part #bp_right{ width: 300px; float: left;}
#bp_ads{}
#bp_ads a{ display: inline-block;}
#block_part #bp_newsletter{ width: 300px; height: 70px; border: 1px solid #eee; border-top: 3px solid #00598E; background: #fff;}
#block_part #bp_newsletter .bpn_title{ margin-bottom: 3px; background: url(../images/icon_mail.png) center left no-repeat; color: #3c74a5; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 26px; height: 26px; padding-left: 25px; margin-left: 10px;}
#block_part #bp_newsletter input.bpn_input{ width: 175px; padding: 0 10px; float: left; margin-left: 10px; border-radius: 3px;}
#block_part #bp_newsletter .btns_alt{ border: 0; height: 32px; margin-left: 7px; float: left; cursor: pointer;}
/* Block news */
#block_news{}
#block_news #bn_wrap{ width: 650px; float: left; margin-right: 10px;}
#block_news #bn_right{ width: 298px; float: right; min-height: 402px; height: auto; margin-right: 0;}
#block_news #bn_right .bl_tabs ul.idTabs{ margin-left: -1px; margin-right: -1px;}
#block_news #bn_right .bl_tabs ul.idTabs>li>a{ width: 149px; padding: 0; text-align: center;}
#block_news #bn_right .bnr_big{ padding: 10px; border-bottom: 1px solid #eee; min-height: 210px;}
#block_news #bn_right .bnr_big img{ width: 278px; height: 160px;}
#block_news #bn_right .bnr_big h1{ font-size: 13px; margin-top: 10px;}
#block_news #bn_right .bnr_small{ padding: 10px;}
#block_news #bn_right .bnr_small .bnrs_li{ margin-bottom: 6px;}
#block_news #bn_right .bnr_small a{ font-weight: bold; color: #333; font-size: 12px; background: url(../images/arrow2.png) center left no-repeat; padding-left: 13px; display: block; height: 16px; line-height: 16px;}
#block_news #bn_list{ min-height: 265px; height: auto; margin-right: 0; float:none;}
#block_news #bn_list .content{ padding: 10px; clear: both; display: block;}
#block_news #bn_list .bnl_big{ width: 260px; margin-right: 15px; float: left;}
#block_news #bn_list .bnl_big .bnlb_thumb{ width: 260px; height: 145px; margin-bottom: 5px;}
#block_news #bn_list .bnl_big h1{ font-size: 13px;}
#block_news #bn_list .bnl_small{ width: 353px; float: left;}
#block_news #bn_list .bnl_small .bnls_li{ height: 55px; clear: both; margin-bottom: 15px;}
#block_news #bn_list .bnl_small .bnls_thumb{ width: 80px; height: 55px; margin-right: 10px; float: left;}
#block_news #bn_list .bnl_small h1{ font-size: 12px;}
.bl_bar .bl_tabs ul.idTabs>li{ float: left;}
.bl_bar .bl_tabs ul.idTabs>li>a{height: 40px; padding: 0 20px; line-height: 40px; font-size: 14px; text-transform: uppercase; display: inline-block; font-weight: bold; border-right: 1px solid #e8e8e8; }
.bl_bar .bl_tabs ul.idTabs>li>a.selected{ color: #ffa200; border-top: 3px solid #ffa200; margin-top: -3px;}
.blfp_duan>li{ height: 115px;}
.bul_info{ width: 310px; height: 115px; overflow: hidden; float: left;}
.bul_info>a>h1{ font-size: 14px; margin-bottom: 3px;}
.bul_info p{ margin-bottom: 4px;}
/*.bul_info p span{ width: 80px; display: inline-block;}*/
.bul_thumb{ float: left; margin-right: 10px;}
.bul_thumb img{ width: 130px; height: 104px; border-radius: 5px;}
.blfp_sgd>li{ height: 74px;}
.blfp_sgd .bul_info{ width: 280px; height: 68px; overflow: hidden; border-right: 1px solid #eee; margin-right: 1px;}
.blfp_sgd .bul_thumb img{ width: 96px; height: 71px; border-radius: 5px;}
.blfp_sgd>li .bul_prices{float: left; border-left: 1px solid #eee; width: 60px; height: 48px; display: inline-block; text-align: center; padding-top: 20px; font-size: 9px;}
.blfp_sgd>li .bul_prices p{ font-size: 14px; font-weight: bold; color: #ffa200; cursor: default;}
.stars, .stars_5{ background: url(../images/sprites.png) 0 -300px; width: 72px; height: 11px; display: inline-block;}
.stars_4{ background-position: 0px -311px;}
.stars_3{ background-position: 0px -322px;}
.stars_2{ background-position: 0px -333px;}
.stars_1{ background-position: 0px -344px;}
.stars_0{ background-position: 0px -355px;}
.other-project{ padding-left: 5px;display: inline-block; margin-bottom: -1px;}
.other-project .op-li{ float: left; height: 100px; padding: 10px 0px 10px 5px; width: 309px; border-bottom: 1px solid #eee;}
.other-project .op-li .bul_thumb img{ width: 118px; height: 100px; border: 1px solid #ddd}
.other-project .op-li .bul_info{ width: 178px; height: 100px; overflow: hidden;}
.other-project .op-li .bul_info span.tieude{overflow: hidden; height: 32px; display: block}
.other-project .op-li .bul_info h4{font-size: 12px;}
.ifb_content{ border-top: 1px solid #eee; min-height: 150px;}
/* slide */
/* slide */
#slides {position:absolute;top:0px;left:0px;z-index:5;}
.slides_container {width:650px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:650px;height:310px;display:block; overflow: hidden;}
.pagination {margin:-23px 10px 0 0; float: right; z-index: 9;position: relative;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display: inline-block;width:12px;height:12px; margin-left: 5px; text-indent: -999em;background: url(../images/pagination.png) 0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.slide img{ width: 650px; height: 310px;}

/* brand */
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 960px;height: 82px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  920px;height: 82px; margin: 0 auto;}
.jcarousel-skin-tango .jcarousel-item {width: 143px;height: 80px;margin-left: 5px;margin-right: 5px;}
.jcarousel-skin-tango .jcarousel-item img{ width: 143px; height: 80px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 0;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 30px;right: 0px;width: 15px;height: 25px;cursor: pointer;background: transparent url(../images/sprites.png) no-repeat -135px -300px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 0px;right: auto;background-image: url(../images/sprites.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -135px -300px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 30px;left: 0px;width: 15px;height: 25px;cursor: pointer;background: transparent url(../images/sprites.png) no-repeat -120px -300px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 0px;background-image: url(../images/sprites.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position: -120px -300px;}

/* footer */
#footer{margin-top: 20px; width: 100%; min-height: 200px;}
#footer .f_brand{ width: 100%; background: #fff; height: 100px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#footer .f_brand .content{ padding: 10px 0;}
#footer .f_main{border-top: 1px solid #fff; width: 100%;}
#footer .f_main .content{ margin: 15px auto;}
#footer .f_main .content h1{ font-size: 14px; color: #3c74a5; margin-bottom: 15px;}
#footer .f_main .content .fm_col1, #footer .f_main .content .fm_col2, #footer .f_main .content .fm_col3 { margin-right: 30px; float: left}
.fmc_a, .fm_col3 p{ min-height: 18px; color: #333; font-size: 12px; line-height: 18px; display: block;}
#footer .f_main .content .fm_col1{ width: 180px; margin-right: 40px;}
#footer .f_main .content .fm_col1 .fm1_social{ font-size: 12px; color: #333; height: 16px; line-height: 16px; padding: 10px 0; border-top: 1px solid #ddd; display: inline-block; width: 100%;}
#footer .footer_logo{ width: 150px; height: 60px; display: inline-block; background: url(../images/sprites.png) 0 -370px no-repeat; margin-bottom: 10px;}
.icon_f_fb, .icon_f_gg{ width: 16px; height: 16px; display: inline-block; margin-right: 10px; background-position: -80px -300px; vertical-align:middle;}
.icon_f_gg{ background-position: -100px -300px;}
#footer .fm_col2 span,#footer .fm_col3 span {
    font-size: 14px;
    color: #3c74a5;
    margin-bottom: 15px;
    font-weight: bold;
}
#footer .f_main .content .fm_col2{ width: 130px; margin-top: 15px;}
#footer .f_main .content .fm_col3{ width: 300px; margin-top: 15px; margin-right: 10px;}
#footer .f_main .content .fm_col4{}
#footer .f_main .content .fm_col4 .fmc_like{ width: 270px; height: 150px; overflow: hidden;}
#footer .f_copyright{ width: 100%; height: 40px; background: #19212c; border-top: 3px solid #ffa200;}
#footer .f_copyright .content{ padding: 0; line-height: 40px; width: 960px; margin: 0 auto; color: #fff; font-size: 12px;}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0; display: none !important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
div.main-content-detail {
    padding: 10px; 
}
div.main-content-detail img{
    max-width: 630px;
}


#block_featured .blf_search{ width: 100%; float: left; border: 1px solid #eee; background: #fff; border-top: 3px solid #00598e;}
#block_featured .blf_search ul#blfp_ul>li{ position: relative; padding: 10px; border-top: 1px solid #eee;}
#block_featured .blf_search ul#blfp_ul>li:hover{ background: #fcfcfc;}
.bul_tag{ width: 40px; height: 40px; display: inline-block; background: url(../images/sprites.png) -60px -260px; position: absolute; top: -1px; right: 0px;}
#block_featured .blf_search ul#blfp_ul>li .bul_thumb{ float: left; margin-right: 10px;}
#block_featured .blf_search ul#blfp_ul>li .bul_info{ float: left;}
#block_featured .blf_search ul#blfp_ul>li .bul_info h1{ font-size: 14px; margin-bottom: 3px;}
#block_featured .blf_search ul#blfp_ul>li .bul_info p{ margin-bottom: 4px; font-family: Tahoma, Geneva, sans-serif;}
#block_featured .blf_search ul#blfp_ul>li .bul_info p span{ width: 80px; display: inline-block;}

ul.contact {
    margin: 0;
    padding: 5px;
}
ul.contact > li {
    margin-bottom: 5px;
}
ul.contact > li > span{
    display: inline; width: 140px;
    float: left;
}
ul.contact > li input[type='text']{
    width: 200px;

}
ul.contact > li textarea{
    width: 400px;
    height: 100px;
    margin-left: 140px;

}
ul.contact input[type='submit'] {
    width: 100px;
    height: 25px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    color: #FFA200;
    cursor: pointer;
    margin-left: 140px;
}
.date {
    display: block;
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}
ul.news-right li>a h4{font-size: 16px; line-height: 18px;}
ul.news-right li>a>img.thumb_news_first{ width: 220px; height: 150px; margin-right: 10px; float: left;}
ul.news-right li>a>img.thumb_news{ width: 150px; height: 100px; margin-right: 10px; float: left;}
.titleun {
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
}
.label_content {
    background-image: url('../images/label_conent.png');
    float: left;
    width: 205px;
    height: 25px;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 22px;
    display: block;
    margin-left: -17px;
}
.saving-label-large { 
    position:absolute; 
    bottom: 70px;
    right: -10px;
    /*left:98px\9;*/
    z-index:0; 
    background:url('../images/deals-save-label-large-blue.png') no-repeat; 
    width:120px; height:25px; padding:2px 0 0 0; text-align:center; font-weight:bold; color:#FFF; font-family:Trebuchet, "Trebuchet MS", Arial, Sans-Serif; cursor:pointer;line-height: 17px; }
/* Phần CSS của Star Ratting*/
#ratting .star-rating,
#ratting .star-rating a:hover,
#ratting .star-rating a:active,
#ratting .star-rating .current-rating{
    background: url('../images/star.png') left -1000px repeat-x;
}
#ratting{
    text-align: center;
    margin: 0;
    padding: 10px;
    float: right;
    /*font-size: 11px;*/
}
#ratting .star-rating{
    position:relative;
    width:125px;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0 auto;
    padding:0;
    background-position: left top;
}
#ratting .star-rating li{
    display: inline;
}
#ratting .star-rating a,
#ratting .star-rating .current-rating{
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}
#ratting .star-rating a:hover,
#ratting .star-rating a:active{
    background-position: left bottom;
}
#ratting .star-rating a.one-star{
    width:20%;
    z-index:6;
}
#ratting .star-rating a.two-stars{
    width:40%;
    z-index:5;
}
#ratting .star-rating a.three-stars{
    width:60%;
    z-index:4;
}
#ratting .star-rating a.four-stars{
    width:80%;
    z-index:3;
}
#ratting .star-rating a.five-stars{
    width:100%;
    z-index:2;
}
#ratting .star-rating .current-rating{
    z-index:1;
    background-position: left center;
}

.postmeta { width:100%; margin:0px 0px 5px 0px; border-bottom: 1px solid #ccc; display: inline-table}
.postmeta .comment { background:url(images/comment.png) no-repeat right 0px; padding:0px 20px 0px 0px; }
.date {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}
h2 { 
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}
.phan_trang {
    float: right;

}
.phan_trang ul {
    margin: 0; padding: 0;
}
.phan_trang li {
    float: left; margin: 5px; padding: 5px; border: 1px solid #eee; background-color: #fff;
}
.phan_trang li.active {
    font-weight: bold; background-color: #FFA200; color: #fff;
}
.other_related ul{
    margin: 0; padding:10px 40px;
}
.other_related li{
    margin: 0px; list-style: disc; padding: 5px 10px;
}
.other_related li + li{
    border-top: 1px dotted #f9f9f9;
}
.other_related li a{
    font-weight: bold;
}
.other_related li span{
    font-size: 11px;
}


.slideprj {
    width: 300px;
	margin: 10px 0;
	background: #fff;
}
.ttprojec {
    border: 1px #dfdfdf solid;
    border-bottom: 2px #0c65b0 solid;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #014e90;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
    padding: 10px 0px;
}

.project{}
.sideprj{ width:265px; margin:4px 0 0 0;}
.bleft{
    width: 300px;
    border: 1px #dcdcdc solid;
    border-top: 0;
    padding-bottom: 2px;
    z-index: 1;
    -moz-box-shadow: 0px 2px 3px #eaeaea;
    -webkit-box-shadow: 0px 2px 3px #eaeaea;
    box-shadow: 0px 2px 3px #eaeaea;
}
.menuprj{
    width: 100%;
}
.menuprj li{
    width: 278px;
    height: 29px;
    margin: 0 0 0 4px;
    display: block;
    border-bottom: 1px #2089b4 dotted;
    padding-left: 14px;
    line-height: 29px;
    font-weight: bold;
    color: #2089b4;
	cursor:pointer;
}
.menuprj li:last-child{ border-bottom:0;height:30px;}
.menuprj li:hover,
.menuprj li.current{
    width: 280px;
	height:30px;
    padding-left: 34px;
    margin: 0;
    border-bottom: 0;
    left: -1px;
    background-image: url(../images/tab.png);
    background-repeat: no-repeat;
    z-index: 2;
	margin-left: -14px;
}
.menuprj li:hover a,
.menuprj li.current a{ float:left; color:#FFF;}

.btnfindsell {
    background-image: url(../images/$.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 300px;
    float: left;
    margin-left: 18px;
}
.chungcu {
    font-size: 12px;
    color: #666;
    float: left;
    margin-top: 10px;
    margin-left: 50px;
}
.chungcu a {
    text-decoration: none;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
}
.chungcu a:hover{ color:#03F;}
.hotline {
    height: 32px;
    width: 227px;
    margin-top: 10px;
    margin-left: 17px;
}
.text_hotnine {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    margin-top: 3px;
    margin-right: 8px;
}
.tvduan {
    height: 32px;
    width: 300px;
    background-image: url(../images/img1.png);
    background-repeat: repeat-x;
    margin-top: 10px;
    line-height: 10px;
}
.tvduan h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    margin-top: 8px;
    margin-left: 30px;
    line-height: 24px;
}
.tttuvanvien ul {
    list-style-type: none;
    margin-top: 12px;
}
.hoten span {
    color: #069;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.mobile span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #F90;
}
.ttmail div{
    padding: 10px 0px;
}
.ttmail h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    margin-left: 18px;
}
.tttuvanvien ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tttuvanvien {
    height: 89px;
    width: 285px;
    border-bottom: 3px #F93 solid;
    padding-left: 15px;
}
.email span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #069;
    font-weight: bold;
}
.text {
    margin-top: -10px;
    margin-left: 17px;
    padding-left: 10px;
}
.ttmail a, .ttmail button {
    background-image: url(../images/dk.png);
    background-repeat: no-repeat;
    height: 26px;
    width: 63px;
    margin-top: -12px;
    margin-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    padding-top: 5px;
    padding-left: 6px;
    padding: 6px;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.ttmail a:hover { background:url(../images/dkhover.png) no-repeat;}
.hotline .iconphone{
    background: url("../images/phone.png")no-repeat;
    width: 44px;
    height: 31px;
    display: block;
    float: left;
}
.titlecc {
    position: relative;
    float: left;
    width: 650px;
    height: 28px;
    background: #f4f4f4;
    border: 1px #eaeaea solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 12px;
    z-index: 1;
}
.info-cdt {
    float: left;
    width: 630px;
    background: #f4f4f4;
    border: 1px #e8e8e8 solid;
    margin-top: 20px;
    padding: 10px;
    border-radius: 2px;
    font-size: 11px;
    color: #656262;
}
.about-cdt {
    float: left;
    width: 100%;
    color: #656262;
}
.titlecc {
    position: relative;
    float: left;
    width: 650px;
    height: 28px;
    background: #f4f4f4;
    border: 1px #eaeaea solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 12px;
    z-index: 1;
}
.titlecc-l {
    position: relative;
    float: left;
    z-index: 2;
    width: 220px;
    height: 30px;
    top: -1px;
    left: 0;
}
.titlecc-l font.name {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #22a2dd;
    color: #FFF;
    line-height: 30px;
    text-transform: uppercase;
    text-indent: 18px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.arrowttcc {
    position: absolute;
    width: 7px;
    height: 16px;
    background-position: -467px -38px;
    top: 8px;
    right: -7px;
}
.imgancu {
    background: url(../images/imgancu.png);
}
.search-cdt {
    float: right;
    margin: 2px 2px 0 0;
    display: inline;
}
.logo-dt {
    float: left;
    width: 62px;
    border: 1px #cfcece solid;
    margin-right: 18px;
    display: inline;
}
.info-cdt h2 {
    font-size: 14px;
    font-weight: bold;
    color: #6f6f6f;
    padding-bottom: 4px;
}
.about-cdt {
    float: left;
    width: 100%;
    color: #656262;
}
.sidebarcc {
    float: left;
    width: 300px;
    display: inline;
}
.ttsidebar {
    position: relative;
    float: left;
    width: 300px;
    height: 42px;
    border: 1px #dfdfdf solid;
    border-bottom: 2px #0c65b0 solid;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #014e90;
    line-height: 42px;
    background: #F0F0F0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
    background: -moz-linear-gradient(top, #ffffff, #ececec);
}
.newname {
    position: relative;
    z-index: 2;
}
.iconancu {
    position: absolute;
    width: 78px;
    height: 42px;
    background-position: -180px 0;
    right: 0;
    top: 0;
    z-index: 0;
}
.arrowtt {
    position: absolute;
    width: 18px;
    height: 7px;
    background-position: -180px -42px;
    top: 42px;
    left: 46%;
}
.danhbacdt {
    float: left;
    width: 300px;
    display: inline;
}
.danhbacdt li {
    float: left;
    width: 100%;
    border-bottom: 1px #c7c5c5 dotted;
    padding-bottom: 5px;
    margin-top: 5px;
}
.danhbacdt li a {
    color: #444;
}
.danhbacdt li img.logo {
    float: left;
    width: 45px;
    border: 1px #c7c7c7 solid;
    margin-right: 20px;
    display: inline;
}
.breadcrumbs{
    border-bottom: 1px solid #F0EDED;
    overflow: auto;
    padding: 5px;
}